{"id":13937903,"url":"https://github.com/michitaro/vue-window","last_synced_at":"2025-04-05T00:07:19.568Z","repository":{"id":25125132,"uuid":"103242903","full_name":"michitaro/vue-window","owner":"michitaro","description":"Window component for vue2","archived":false,"fork":false,"pushed_at":"2022-05-22T13:35:17.000Z","size":1509,"stargazers_count":296,"open_issues_count":22,"forks_count":58,"subscribers_count":14,"default_branch":"master","last_synced_at":"2024-04-23T21:27:40.070Z","etag":null,"topics":["component","pc-environment","typescript","vue","window"],"latest_commit_sha":null,"homepage":"https://github.com/michitaro/vue-window","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/michitaro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-09-12T08:20:47.000Z","updated_at":"2024-02-05T17:54:31.000Z","dependencies_parsed_at":"2022-08-18T19:10:37.643Z","dependency_job_id":null,"html_url":"https://github.com/michitaro/vue-window","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michitaro%2Fvue-window","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michitaro%2Fvue-window/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michitaro%2Fvue-window/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michitaro%2Fvue-window/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/michitaro","download_url":"https://codeload.github.com/michitaro/vue-window/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247266563,"owners_count":20910836,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component","pc-environment","typescript","vue","window"],"created_at":"2024-08-07T23:04:03.458Z","updated_at":"2025-04-05T00:07:19.549Z","avatar_url":"https://github.com/michitaro.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","UI组件","Components \u0026 Libraries","\u003cimg src=\"media/icons8-windows-11-48.png\" alt=\"logo\" width=\"36\"/\u003e  WINDOWS","UI Components [🔝](#readme)","UI Components"],"sub_categories":["覆盖","UI Components","Overlay"],"readme":"# vue-window\n\n😣 This library is not compatible with Vue3! 😣\n\n## Introduction\nRecent web applications are mainly for mobile environments. Therefore window UI is no longer mainstream.\nHowever, window UI is still useful for professional web applications for PC environments.\nThis package is an implementation of window UI for PC environment as a Vue Component.\n\n### [Working Demo](https://michitaro.github.io/vue-window)\n### Features\n* Window component for vue2\n* Windows are draggable\n* Automatic z-index control\n* Resizable\n* z-index group\n* Configurable color theme\n* Built-in 3 color themes\n* Open / Close animation\n* Tested on Safari10, Chrome60, Firefox55, IE11, Edge38 For PCs \n* iOS Support 🎉\n\n![Screenshot](./docs/screenshot.png)\n\n# Usage\n## Install\n```sh\nnpm install --save @hscmap/vue-window\n```\n\n## Setup\n\n### ES6 / TypeScript\n```typescript\nimport Vue from 'vue'\nimport * as VueWindow from '@hscmap/vue-window'\n\nVue.use(VueWindow)\n```\n\n### CommonJS\n```javascript\nvar Vue = require('vue')\nVue.use(require('@hscmap/vue-window'))\n```\n\n# Example\n```html\n\u003ctemplate\u003e\n    \u003chsc-window-style-metal\u003e\n        \u003chsc-window title=\"Window 1\" \u003e\n            Parameters:\n            \u003cfieldset\u003e\n                \u003clegend\u003e\u0026alpha;\u003c/legend\u003e\n                \u003cinput type=\"range\" /\u003e\n            \u003c/fieldset\u003e\n            \u003cfieldset\u003e\n                \u003clegend\u003e\u0026beta;\u003c/legend\u003e\n                \u003cinput type=\"range\" /\u003e\n            \u003c/fieldset\u003e\n        \u003c/hsc-window\u003e\n    \u003c/hsc-window-style-metal\u003e\n\u003c/template\u003e\n```\n\nOther examples are available [here](http://michitaro.github.io/vue-window/).\n\nsee also [@hscmap/vue-menu](https://github.com/michitaro/vue-menu).\nThis is a menu UI component for vue2 with the same color themes.\n\n# Contributing\nAny comments, suggestions or PRs are welcome 😀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichitaro%2Fvue-window","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmichitaro%2Fvue-window","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichitaro%2Fvue-window/lists"}