gis-one-piece 0.1.0

package/README.md

@@ -0,0 +1,35 @@
+# lvmeiLargeScreen
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```

package/dist/gis-one-piece.css

@@ -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}

package/dist/gis-one-piece.es.js

@@ -0,0 +1,83 @@
+import { createElementBlock as o, openBlock as r, createTextVNode as u, renderSlot as d, createElementVNode as _, ref as m, createVNode as f, unref as v, withCtx as g, Fragment as C, renderList as V, toDisplayString as $ } from "vue";
+import { VueDraggable as x } from "vue-draggable-plus";
+const p = (e, n) => {
+  const a = e.__vccOpts || e;
+  for (const [s, t] of n)
+    a[s] = t;
+  return a;
+}, w = {}, S = { class: "designer-root" };
+function k(e, n) {
+  return r(), o("div", S, [
+    n[0] || (n[0] = u(" ##### ", -1)),
+    d(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const l = /* @__PURE__ */ p(w, [["render", k], ["__scopeId", "data-v-d4b478fe"]]);
+l.install = (e) => {
+  e.component("Designer", l);
+};
+const D = {}, J = { class: "c-select-wrapper" };
+function O(e, n) {
+  return r(), o("div", J, [
+    n[0] || (n[0] = _("span", { class: "span-wrapper" }, "我是CSelect2", -1)),
+    d(e.$slots, "default")
+  ]);
+}
+const c = /* @__PURE__ */ p(D, [["render", O]]);
+c.install = (e) => {
+  e.component("CSelect", c);
+};
+const h = { class: "c-option-wrapper" }, i = {
+  __name: "COption",
+  setup(e) {
+    const n = m([
+      {
+        name: "Joao",
+        id: 1
+      },
+      {
+        name: "Jean",
+        id: 2
+      },
+      {
+        name: "Johanna",
+        id: 3
+      },
+      {
+        name: "Juan",
+        id: 4
+      }
+    ]);
+    return (a, s) => (r(), o("div", h, [
+      f(v(x), {
+        ref: "el",
+        modelValue: n.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (t) => n.value = t),
+        animation: 200
+      }, {
+        default: g(() => [
+          (r(!0), o(C, null, V(n.value, (t) => (r(), o("div", {
+            key: t.id,
+            class: "item-wrapper"
+          }, $(t.name), 1))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+};
+i.install = (e) => {
+  e.component("COption", i);
+};
+const y = [l, c, i], b = {
+  install(e) {
+    y.forEach((n) => n.install(e));
+  }
+};
+export {
+  i as COption,
+  c as CSelect,
+  l as Designer,
+  b as default
+};
+//# sourceMappingURL=gis-one-piece.es.js.map

package/dist/gis-one-piece.es.js.map

@@ -0,0 +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\nimport './style/index.css'\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;"}

package/dist/gis-one-piece.umd.js

@@ -0,0 +1,2 @@
+(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,p){"use strict";const d=(n,t)=>{const i=n.__vccOpts||n;for(const[c,r]of t)i[c]=r;return i},f={},u={class:"designer-root"};function m(n,t){return e.openBlock(),e.createElementBlock("div",u,[t[0]||(t[0]=e.createTextVNode(" ##### ",-1)),e.renderSlot(n.$slots,"default",{},void 0,!0)])}const l=d(f,[["render",m],["__scopeId","data-v-d4b478fe"]]);l.install=n=>{n.component("Designer",l)};const _={},g={class:"c-select-wrapper"};function k(n,t){return e.openBlock(),e.createElementBlock("div",g,[t[0]||(t[0]=e.createElementVNode("span",{class:"span-wrapper"},"我是CSelect2",-1)),e.renderSlot(n.$slots,"default")])}const s=d(_,[["render",k]]);s.install=n=>{n.component("CSelect",s)};const B={class:"c-option-wrapper"},a={__name:"COption",setup(n){const t=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",B,[e.createVNode(e.unref(p.VueDraggable),{ref:"el",modelValue:t.value,"onUpdate:modelValue":c[0]||(c[0]=r=>t.value=r),animation:200},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:"item-wrapper"},e.toDisplayString(r.name),1))),128))]),_:1},8,["modelValue"])]))}};a.install=n=>{n.component("COption",a)};const S=[l,s,a],V={install(n){S.forEach(t=>t.install(n))}};o.COption=a,o.CSelect=s,o.Designer=l,o.default=V,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+//# sourceMappingURL=gis-one-piece.umd.js.map

package/dist/gis-one-piece.umd.js.map

@@ -0,0 +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\nimport './style/index.css'\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":"qZACOA,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/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "gis-one-piece",
+  "version": "0.1.0",
+  "main": "dist/gis-one-piece.umd.js",
+  "module": "dist/gis-one-piece.es.js",
+  "files": ["dist"],
+  "peerDependencies": {
+    "vue": "^3.5.17",
+    "view-ui-plus": "^1.3.20",
+    "vue-draggable-plus": "^0.6.0"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}