gis-one-piece 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -34
- package/dist/gis-one-piece.es.js.map +1 -1
- package/dist/gis-one-piece.umd.js +2 -1
- package/dist/gis-one-piece.umd.js.map +1 -1
- package/dist/index.css +1 -0
- package/package.json +1 -1
- package/dist/gis-one-piece.css +0 -1
package/README.md
CHANGED
|
@@ -1,35 +1,2 @@
|
|
|
1
|
-
#
|
|
1
|
+
# gis-one-piece 组件 使用文档说明
|
|
2
2
|
|
|
3
|
-
This template should help get you started developing with Vue 3 in Vite.
|
|
4
|
-
|
|
5
|
-
## Recommended IDE Setup
|
|
6
|
-
|
|
7
|
-
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
|
8
|
-
|
|
9
|
-
## Customize configuration
|
|
10
|
-
|
|
11
|
-
See [Vite Configuration Reference](https://vite.dev/config/).
|
|
12
|
-
|
|
13
|
-
## Project Setup
|
|
14
|
-
|
|
15
|
-
```sh
|
|
16
|
-
npm install
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
### Compile and Hot-Reload for Development
|
|
20
|
-
|
|
21
|
-
```sh
|
|
22
|
-
npm run dev
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
### Compile and Minify for Production
|
|
26
|
-
|
|
27
|
-
```sh
|
|
28
|
-
npm run build
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
### Lint with [ESLint](https://eslint.org/)
|
|
32
|
-
|
|
33
|
-
```sh
|
|
34
|
-
npm run lint
|
|
35
|
-
```
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gis-one-piece.es.js","sources":["../src/components/Designer/Designer.vue","../src/components/Designer/index.js","../src/components/CSelect/CSelect.vue","../src/components/CSelect/index.js","../src/components/COption/COption.vue","../src/components/COption/index.js","../src/index.js"],"sourcesContent":["<template>\n <div class=\"designer-root\">\n #####\n <slot />\n </div>\n</template>\n\n<script setup>\n \n</script>\n\n\n\n<style scoped>\n.designer-root {\n width: 100%;\n height: 100%;\n}\n</style>\n","import Designer from './Designer.vue'\n\nDesigner.install = (app) => {\n app.component('Designer', Designer)\n}\n\nexport default Designer\n","<template>\n <div class=\"c-select-wrapper\">\n <span class=\"span-wrapper\">我是CSelect2</span>\n <slot />\n </div>\n</template>\n\n<script setup>\n\n</script>\n\n\n\n<style lang=\"less\">\n.c-select-wrapper {\n border: 1px solid red;\n .span-wrapper {\n color: blue;\n }\n}\n</style>\n","import CSelect from './CSelect.vue'\n\nCSelect.install = (app) => {\n app.component('CSelect', CSelect)\n}\n\nexport default CSelect\n","<template>\n <div class=\"c-option-wrapper\">\n <VueDraggable ref=\"el\" v-model=\"list\" :animation=\"200\">\n <div v-for=\"item in list\" :key=\"item.id\" class=\"item-wrapper\">\n {{ item.name }}\n </div>\n </VueDraggable>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport { VueDraggable } from 'vue-draggable-plus'\n\nconst list = ref([\n {\n name: 'Joao',\n id: 1\n },\n {\n name: 'Jean',\n id: 2\n },\n {\n name: 'Johanna',\n id: 3\n },\n {\n name: 'Juan',\n id: 4\n }\n])\n</script>\n\n\n\n<style lang=\"less\">\n.c-option-wrapper {\n .item-wrapper {\n height: 50px;\n padding-left: 200px;\n background-color: antiquewhite;\n margin-bottom: 30px;\n }\n}\n</style>\n","import COption from './COption.vue'\n\nCOption.install = (app) => {\n app.component('COption', COption)\n}\n\nexport default COption\n","import Designer from './components/Designer'\nimport CSelect from './components/CSelect'\nimport COption from './components/COption'\n\
|
|
1
|
+
{"version":3,"file":"gis-one-piece.es.js","sources":["../src/components/Designer/Designer.vue","../src/components/Designer/index.js","../src/components/CSelect/CSelect.vue","../src/components/CSelect/index.js","../src/components/COption/COption.vue","../src/components/COption/index.js","../src/index.js"],"sourcesContent":["<template>\n <div class=\"designer-root\">\n #####\n <slot />\n </div>\n</template>\n\n<script setup>\n \n</script>\n\n\n\n<style scoped>\n.designer-root {\n width: 100%;\n height: 100%;\n}\n</style>\n","import Designer from './Designer.vue'\n\nDesigner.install = (app) => {\n app.component('Designer', Designer)\n}\n\nexport default Designer\n","<template>\n <div class=\"c-select-wrapper\">\n <span class=\"span-wrapper\">我是CSelect2</span>\n <slot />\n </div>\n</template>\n\n<script setup>\n\n</script>\n\n\n\n<style lang=\"less\">\n.c-select-wrapper {\n border: 1px solid red;\n .span-wrapper {\n color: blue;\n }\n}\n</style>\n","import CSelect from './CSelect.vue'\n\nCSelect.install = (app) => {\n app.component('CSelect', CSelect)\n}\n\nexport default CSelect\n","<template>\n <div class=\"c-option-wrapper\">\n <VueDraggable ref=\"el\" v-model=\"list\" :animation=\"200\">\n <div v-for=\"item in list\" :key=\"item.id\" class=\"item-wrapper\">\n {{ item.name }}\n </div>\n </VueDraggable>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport { VueDraggable } from 'vue-draggable-plus'\n\nconst list = ref([\n {\n name: 'Joao',\n id: 1\n },\n {\n name: 'Jean',\n id: 2\n },\n {\n name: 'Johanna',\n id: 3\n },\n {\n name: 'Juan',\n id: 4\n }\n])\n</script>\n\n\n\n<style lang=\"less\">\n.c-option-wrapper {\n .item-wrapper {\n height: 50px;\n padding-left: 200px;\n background-color: antiquewhite;\n margin-bottom: 30px;\n }\n}\n</style>\n","import COption from './COption.vue'\n\nCOption.install = (app) => {\n app.component('COption', COption)\n}\n\nexport default COption\n","import './style/index.css'\n\nimport Designer from './components/Designer'\nimport CSelect from './components/CSelect'\nimport COption from './components/COption'\n\nconst components = [Designer, CSelect, COption]\n\nexport default {\n install(app) {\n components.forEach(c => c.install(app))\n }\n}\n\n// 给 TS 或 JS 用户同时支持按需\nexport { Designer, CSelect, COption }\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_renderSlot","_ctx","Designer","app","_cache","_createElementVNode","CSelect","list","ref","_createVNode","_unref","VueDraggable","$event","_Fragment","_renderList","item","_toDisplayString","COption","components","index","c"],"mappings":";;;;;;;WACOA,IAAA,EAAA,OAAM,gBAAe;;AAA1B,SAAAC,EAAA,GAAAC,EAGM,OAHNF,GAGM;AAAA,sBAHqB,WAEzB,EAAA;AAAA,IAAAG,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA;;;ACDZC,EAAS,UAAU,CAACC,MAAQ;AAC1B,EAAAA,EAAI,UAAU,YAAYD,CAAQ;AACpC;cCHOL,IAAA,EAAA,OAAM,mBAAkB;;AAA7B,SAAAC,EAAA,GAAAC,EAGM,OAHNF,GAGM;AAAA,IAFJO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAA4C,QAAA,EAAtC,OAAM,eAAc,GAAC,cAAU,EAAA;AAAA,IACrCL,EAAQC,EAAA,QAAA,SAAA;AAAA;;;ACDZK,EAAQ,UAAU,CAACH,MAAQ;AACzB,EAAAA,EAAI,UAAU,WAAWG,CAAO;AAClC;;;;ACUA,UAAMC,IAAOC,EAAI;AAAA,MACf;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,MACR;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,MACR;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,MACR;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,MACR;AAAA,IACA,CAAC;sBA9BGV,EAAA,GAAAC,EAMM,OANNF,GAMM;AAAA,MALFY,EAIeC,EAAAC,CAAA,GAAA;AAAA,QAJD,KAAI;AAAA,oBAAcJ,EAAA;AAAA,sDAAAA,EAAI,QAAAK;AAAA,QAAG,WAAW;AAAA;mBACzC,MAAoB;AAAA,kBAAzBb,EAEMc,GAAA,MAAAC,EAFcP,EAAA,OAAI,CAAZQ,YAAZhB,EAEM,OAAA;AAAA,YAFqB,KAAKgB,EAAK;AAAA,YAAI,OAAM;AAAA,UACxC,GAAAC,EAAAD,EAAK,IAAI,GAAA,CAAA;;;;;;;ACF5BE,EAAQ,UAAU,CAACd,MAAQ;AACzB,EAAAA,EAAI,UAAU,WAAWc,CAAO;AAClC;ACEA,MAAMC,IAAa,CAAChB,GAAUI,GAASW,CAAO,GAE9CE,IAAe;AAAA,EACX,QAAQhB,GAAK;AACT,IAAAe,EAAW,QAAQ,CAAAE,MAAKA,EAAE,QAAQjB,CAAG,CAAC;AAAA,EAC1C;AACJ;"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-draggable-plus")):typeof define=="function"&&define.amd?define(["exports","vue","vue-draggable-plus"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.GisOnePiece={},o.Vue,o.VueDraggable))})(this,(function(o,e,
|
|
1
|
+
(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-draggable-plus")):typeof define=="function"&&define.amd?define(["exports","vue","vue-draggable-plus"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.GisOnePiece={},o.Vue,o.VueDraggable))})(this,(function(o,e,f){"use strict";var d=document.createElement("style");d.textContent=`.c-option-wrapper{color:red}.designer-root[data-v-d4b478fe]{width:100%;height:100%}.c-select-wrapper{border:1px solid red}.c-select-wrapper .span-wrapper{color:#00f}.c-option-wrapper .item-wrapper{height:50px;padding-left:200px;background-color:#faebd7;margin-bottom:30px}
|
|
2
|
+
/*$vite$:1*/`,document.head.appendChild(d);const p=(t,n)=>{const i=t.__vccOpts||t;for(const[c,r]of n)i[c]=r;return i},m={},_={class:"designer-root"};function u(t,n){return e.openBlock(),e.createElementBlock("div",_,[n[0]||(n[0]=e.createTextVNode(" ##### ",-1)),e.renderSlot(t.$slots,"default",{},void 0,!0)])}const a=p(m,[["render",u],["__scopeId","data-v-d4b478fe"]]);a.install=t=>{t.component("Designer",a)};const g={},h={class:"c-select-wrapper"};function k(t,n){return e.openBlock(),e.createElementBlock("div",h,[n[0]||(n[0]=e.createElementVNode("span",{class:"span-wrapper"},"我是CSelect2",-1)),e.renderSlot(t.$slots,"default")])}const l=p(g,[["render",k]]);l.install=t=>{t.component("CSelect",l)};const w={class:"c-option-wrapper"},s={__name:"COption",setup(t){const n=e.ref([{name:"Joao",id:1},{name:"Jean",id:2},{name:"Johanna",id:3},{name:"Juan",id:4}]);return(i,c)=>(e.openBlock(),e.createElementBlock("div",w,[e.createVNode(e.unref(f.VueDraggable),{ref:"el",modelValue:n.value,"onUpdate:modelValue":c[0]||(c[0]=r=>n.value=r),animation:200},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:"item-wrapper"},e.toDisplayString(r.name),1))),128))]),_:1},8,["modelValue"])]))}};s.install=t=>{t.component("COption",s)};const b=[a,l,s],B={install(t){b.forEach(n=>n.install(t))}};o.COption=s,o.CSelect=l,o.Designer=a,o.default=B,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
2
3
|
//# sourceMappingURL=gis-one-piece.umd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gis-one-piece.umd.js","sources":["../src/components/Designer/Designer.vue","../src/components/Designer/index.js","../src/components/CSelect/CSelect.vue","../src/components/CSelect/index.js","../src/components/COption/COption.vue","../src/components/COption/index.js","../src/index.js"],"sourcesContent":["<template>\n <div class=\"designer-root\">\n #####\n <slot />\n </div>\n</template>\n\n<script setup>\n \n</script>\n\n\n\n<style scoped>\n.designer-root {\n width: 100%;\n height: 100%;\n}\n</style>\n","import Designer from './Designer.vue'\n\nDesigner.install = (app) => {\n app.component('Designer', Designer)\n}\n\nexport default Designer\n","<template>\n <div class=\"c-select-wrapper\">\n <span class=\"span-wrapper\">我是CSelect2</span>\n <slot />\n </div>\n</template>\n\n<script setup>\n\n</script>\n\n\n\n<style lang=\"less\">\n.c-select-wrapper {\n border: 1px solid red;\n .span-wrapper {\n color: blue;\n }\n}\n</style>\n","import CSelect from './CSelect.vue'\n\nCSelect.install = (app) => {\n app.component('CSelect', CSelect)\n}\n\nexport default CSelect\n","<template>\n <div class=\"c-option-wrapper\">\n <VueDraggable ref=\"el\" v-model=\"list\" :animation=\"200\">\n <div v-for=\"item in list\" :key=\"item.id\" class=\"item-wrapper\">\n {{ item.name }}\n </div>\n </VueDraggable>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport { VueDraggable } from 'vue-draggable-plus'\n\nconst list = ref([\n {\n name: 'Joao',\n id: 1\n },\n {\n name: 'Jean',\n id: 2\n },\n {\n name: 'Johanna',\n id: 3\n },\n {\n name: 'Juan',\n id: 4\n }\n])\n</script>\n\n\n\n<style lang=\"less\">\n.c-option-wrapper {\n .item-wrapper {\n height: 50px;\n padding-left: 200px;\n background-color: antiquewhite;\n margin-bottom: 30px;\n }\n}\n</style>\n","import COption from './COption.vue'\n\nCOption.install = (app) => {\n app.component('COption', COption)\n}\n\nexport default COption\n","import Designer from './components/Designer'\nimport CSelect from './components/CSelect'\nimport COption from './components/COption'\n\
|
|
1
|
+
{"version":3,"file":"gis-one-piece.umd.js","sources":["../src/components/Designer/Designer.vue","../src/components/Designer/index.js","../src/components/CSelect/CSelect.vue","../src/components/CSelect/index.js","../src/components/COption/COption.vue","../src/components/COption/index.js","../src/index.js"],"sourcesContent":["<template>\n <div class=\"designer-root\">\n #####\n <slot />\n </div>\n</template>\n\n<script setup>\n \n</script>\n\n\n\n<style scoped>\n.designer-root {\n width: 100%;\n height: 100%;\n}\n</style>\n","import Designer from './Designer.vue'\n\nDesigner.install = (app) => {\n app.component('Designer', Designer)\n}\n\nexport default Designer\n","<template>\n <div class=\"c-select-wrapper\">\n <span class=\"span-wrapper\">我是CSelect2</span>\n <slot />\n </div>\n</template>\n\n<script setup>\n\n</script>\n\n\n\n<style lang=\"less\">\n.c-select-wrapper {\n border: 1px solid red;\n .span-wrapper {\n color: blue;\n }\n}\n</style>\n","import CSelect from './CSelect.vue'\n\nCSelect.install = (app) => {\n app.component('CSelect', CSelect)\n}\n\nexport default CSelect\n","<template>\n <div class=\"c-option-wrapper\">\n <VueDraggable ref=\"el\" v-model=\"list\" :animation=\"200\">\n <div v-for=\"item in list\" :key=\"item.id\" class=\"item-wrapper\">\n {{ item.name }}\n </div>\n </VueDraggable>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport { VueDraggable } from 'vue-draggable-plus'\n\nconst list = ref([\n {\n name: 'Joao',\n id: 1\n },\n {\n name: 'Jean',\n id: 2\n },\n {\n name: 'Johanna',\n id: 3\n },\n {\n name: 'Juan',\n id: 4\n }\n])\n</script>\n\n\n\n<style lang=\"less\">\n.c-option-wrapper {\n .item-wrapper {\n height: 50px;\n padding-left: 200px;\n background-color: antiquewhite;\n margin-bottom: 30px;\n }\n}\n</style>\n","import COption from './COption.vue'\n\nCOption.install = (app) => {\n app.component('COption', COption)\n}\n\nexport default COption\n","import './style/index.css'\n\nimport Designer from './components/Designer'\nimport CSelect from './components/CSelect'\nimport COption from './components/COption'\n\nconst components = [Designer, CSelect, COption]\n\nexport default {\n install(app) {\n components.forEach(c => c.install(app))\n }\n}\n\n// 给 TS 或 JS 用户同时支持按需\nexport { Designer, CSelect, COption }\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_renderSlot","_ctx","Designer","app","_cache","_createElementVNode","CSelect","list","ref","_createVNode","_unref","VueDraggable","$event","_Fragment","_renderList","item","_toDisplayString","COption","components","index","c"],"mappings":";2HACOA,EAAA,CAAA,MAAM,eAAe,kBAA1B,OAAAC,YAAA,EAAAC,qBAGM,MAHNF,EAGM,+BAHqB,UAEzB,EAAA,GAAAG,EAAAA,WAAQC,EAAA,OAAA,UAAA,CAAA,EAAA,OAAA,EAAA,gECDZC,EAAS,QAAWC,GAAQ,CAC1BA,EAAI,UAAU,WAAYD,CAAQ,CACpC,aCHOL,EAAA,CAAA,MAAM,kBAAkB,kBAA7B,OAAAC,YAAA,EAAAC,qBAGM,MAHNF,EAGM,CAFJO,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,EAAAA,mBAA4C,OAAA,CAAtC,MAAM,cAAc,EAAC,aAAU,EAAA,GACrCL,aAAQC,EAAA,OAAA,SAAA,gCCDZK,EAAQ,QAAWH,GAAQ,CACzBA,EAAI,UAAU,UAAWG,CAAO,CAClC,kECUA,MAAMC,EAAOC,EAAAA,IAAI,CACf,CACE,KAAM,OACN,GAAI,CACR,EACE,CACE,KAAM,OACN,GAAI,CACR,EACE,CACE,KAAM,UACN,GAAI,CACR,EACE,CACE,KAAM,OACN,GAAI,CACR,CACA,CAAC,gBA9BGV,YAAA,EAAAC,qBAMM,MANNF,EAMM,CALFY,cAIeC,EAAAA,MAAAC,EAAAA,YAAA,EAAA,CAJD,IAAI,gBAAcJ,EAAA,2CAAAA,EAAI,MAAAK,GAAG,UAAW,wBACzC,IAAoB,kBAAzBb,EAAAA,mBAEMc,EAAAA,SAAA,KAAAC,EAAAA,WAFcP,EAAA,MAARQ,kBAAZhB,EAAAA,mBAEM,MAAA,CAFqB,IAAKgB,EAAK,GAAI,MAAM,cACxC,EAAAC,kBAAAD,EAAK,IAAI,EAAA,CAAA,wCCF5BE,EAAQ,QAAWd,GAAQ,CACzBA,EAAI,UAAU,UAAWc,CAAO,CAClC,ECEA,MAAMC,EAAa,CAAChB,EAAUI,EAASW,CAAO,EAE9CE,EAAe,CACX,QAAQhB,EAAK,CACTe,EAAW,QAAQE,GAAKA,EAAE,QAAQjB,CAAG,CAAC,CAC1C,CACJ"}
|
package/dist/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.c-option-wrapper{color:red}.designer-root[data-v-d4b478fe]{width:100%;height:100%}.c-select-wrapper{border:1px solid red}.c-select-wrapper .span-wrapper{color:#00f}.c-option-wrapper .item-wrapper{height:50px;padding-left:200px;background-color:#faebd7;margin-bottom:30px}
|
package/package.json
CHANGED
package/dist/gis-one-piece.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.designer-root[data-v-d4b478fe]{width:100%;height:100%}.c-select-wrapper{border:1px solid red}.c-select-wrapper .span-wrapper{color:#00f}.c-option-wrapper .item-wrapper{height:50px;padding-left:200px;background-color:#faebd7;margin-bottom:30px}.c-option-wrapper{color:red}
|