doph-js 0.0.26 → 0.0.28

package/dist/dophJs.js

@@ -1,18 +1,138 @@
-import { openBlock as n, createElementBlock as e, normalizeClass as c, renderSlot as r } from "vue";
-const p = {
+import { useSlots as y, computed as d, h as m, openBlock as r, createBlock as S, unref as u, createElementBlock as c, Fragment as h, normalizeClass as p, renderSlot as g, createCommentVNode as _, createVNode as D, createElementVNode as f, resolveComponent as k, toDisplayString as B, renderList as v, getCurrentInstance as $, reactive as x } from "vue";
+const z = {
+  __name: "BIcon",
+  props: {
+    component: Object,
+    size: [Number, String],
+    color: String
+  },
+  setup(t) {
+    const e = t, n = y(), l = d(() => {
+      const { color: o } = e;
+      return o === void 0 ? null : o;
+    }), a = d(() => {
+      const o = e.size ?? null;
+      if (o !== void 0)
+        return typeof o == "number" || /^\d+$/.test(o) ? `${o}px` : o;
+    }), i = m(
+      "i",
+      {
+        class: "icon",
+        style: {
+          color: l.value,
+          fontSize: a.value
+        }
+      },
+      e.component ? m(e.component) : n
+    );
+    return (o, b) => (r(), S(u(i)));
+  }
+}, w = {
   __name: "DButton",
   props: {
-    class: String
+    class: String,
+    icon: Object
+  },
+  setup(t) {
+    const e = t;
+    let n = null;
+    return e.icon && (n = m(z, {
+      component: e.icon,
+      color: "inherit"
+    })), (l, a) => (r(), c(h, null, [
+      u(n) ? _("", !0) : (r(), c("div", {
+        key: 0,
+        class: p(["button", e.class])
+      }, [
+        g(l.$slots, "default")
+      ], 2)),
+      u(n) ? (r(), c("div", {
+        key: 1,
+        class: p(["button button-ext", e.class])
+      }, [
+        D(u(n)),
+        f("div", null, [
+          g(l.$slots, "default")
+        ])
+      ], 2)) : _("", !0)
+    ], 64));
+  }
+}, C = { class: "tree-item" }, N = { key: 0 }, j = {
+  __name: "DTreeItem",
+  props: {
+    model: Object,
+    treeId: [String, Number]
   },
   setup(t) {
-    const s = t;
-    return (o, a) => (n(), e("div", {
-      class: c(["button", s.class])
-    }, [
-      r(o.$slots, "default")
-    ], 2));
+    const e = t, n = d(() => e.model.children && e.model.children.length), l = (i) => {
+      s.mutations.setTreeSelect(e.treeId, e.model.id);
+    }, a = d(() => s.actions.isTreeSelected(e.treeId, e.model.id) ? "selected" : "");
+    return (i, o) => {
+      const b = k("d-tree-item", !0);
+      return r(), c("li", C, [
+        f("div", {
+          class: p(a.value),
+          onClick: l,
+          style: { display: "flex", "flex-direction": "row", "justify-content": "space-between", "align-items": "center" }
+        }, [
+          f("div", null, B(e.model.title), 1)
+        ], 2),
+        n.value ? (r(), c("ul", N, [
+          (r(!0), c(h, null, v(t.model.children, (T) => (r(), S(b, {
+            class: "tree-item",
+            model: T,
+            treeId: e.treeId
+          }, null, 8, ["model", "treeId"]))), 256))
+        ])) : _("", !0)
+      ]);
+    };
+  }
+}, O = { class: "tree" }, E = {
+  __name: "DTree",
+  props: {
+    items: Array,
+    noSelect: Boolean,
+    multiSelect: Boolean
+  },
+  setup(t) {
+    const e = t, n = $().uid;
+    return s.actions.initTreeStore(n, e.noSelect, e.multiSelect), (l, a) => (r(), c("ul", O, [
+      (r(!0), c(h, null, v(t.items, (i) => (r(), S(j, {
+        key: i.id,
+        model: i,
+        treeId: u(n)
+      }, null, 8, ["model", "treeId"]))), 128))
+    ]));
+  }
+}, s = {
+  state: x({
+    trees: {}
+  }),
+  getters: {
+    getTreeSelect(t) {
+      return s.state.trees[t].selected;
+    }
+  },
+  mutations: {
+    setTreeSelect(t, e) {
+      s.state.trees[t].noSelect || (s.state.trees[t].multiSelect ? s.state.trees[t].selected.includes(e) ? s.state.trees[t].selected = s.state.trees[t].selected.filter(function(n) {
+        return n !== e;
+      }) : s.state.trees[t].selected = [...s.state.trees[t].selected, e] : s.state.trees[t].selected = [e]);
+    }
+  },
+  actions: {
+    initTreeStore(t, e, n) {
+      s.state.trees[t] = [], s.state.trees[t].selected = [], s.state.trees[t].noSelect = e, s.state.trees[t].multiSelect = n;
+    },
+    isTreeSelected(t, e) {
+      return s.state.trees[t].selected.includes(e);
+    }
   }
 };
 export {
-  p as DButton
+  w as DButton,
+  z as DIcon,
+  E as DTree,
+  j as DTreeItem,
+  s as DTreeStore
 };

package/dist/dophJs.umd.cjs

@@ -1 +1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.DophJs={},t.Vue))})(this,function(t,e){"use strict";const i="",r="",l="",u="",f="",n={__name:"DButton",props:{class:String},setup(o){const s=o;return(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["button",s.class])},[e.renderSlot(c.$slots,"default")],2))}};t.DButton=n,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.DophJs={},s.Vue))})(this,function(s,e){"use strict";const h="",T="",g="",y="",m={__name:"BIcon",props:{component:Object,size:[Number,String],color:String},setup(n){const t=n,c=e.useSlots(),r=e.computed(()=>{const{color:l}=t;return l===void 0?null:l}),a=e.computed(()=>{const l=t.size??null;if(l!==void 0)return typeof l=="number"||/^\d+$/.test(l)?`${l}px`:l}),i=e.h("i",{class:"icon",style:{color:r.value,fontSize:a.value}},t.component?e.h(t.component):c);return(l,p)=>(e.openBlock(),e.createBlock(e.unref(i)))}},f={__name:"DButton",props:{class:String,icon:Object},setup(n){const t=n;let c=null;return t.icon&&(c=e.h(m,{component:t.icon,color:"inherit"})),(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["button",t.class])},[e.renderSlot(r.$slots,"default")],2)),e.unref(c)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["button button-ext",t.class])},[e.createVNode(e.unref(c)),e.createElementVNode("div",null,[e.renderSlot(r.$slots,"default")])],2)):e.createCommentVNode("",!0)],64))}},u={class:"tree-item"},S={key:0},d={__name:"DTreeItem",props:{model:Object,treeId:[String,Number]},setup(n){const t=n,c=e.computed(()=>t.model.children&&t.model.children.length),r=i=>{o.mutations.setTreeSelect(t.treeId,t.model.id)},a=e.computed(()=>o.actions.isTreeSelected(t.treeId,t.model.id)?"selected":"");return(i,l)=>{const p=e.resolveComponent("d-tree-item",!0);return e.openBlock(),e.createElementBlock("li",u,[e.createElementVNode("div",{class:e.normalizeClass(a.value),onClick:r,style:{display:"flex","flex-direction":"row","justify-content":"space-between","align-items":"center"}},[e.createElementVNode("div",null,e.toDisplayString(t.model.title),1)],2),c.value?(e.openBlock(),e.createElementBlock("ul",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.model.children,B=>(e.openBlock(),e.createBlock(p,{class:"tree-item",model:B,treeId:t.treeId},null,8,["model","treeId"]))),256))])):e.createCommentVNode("",!0)])}}},_={class:"tree"},k={__name:"DTree",props:{items:Array,noSelect:Boolean,multiSelect:Boolean},setup(n){const t=n,c=e.getCurrentInstance().uid;return o.actions.initTreeStore(c,t.noSelect,t.multiSelect),(r,a)=>(e.openBlock(),e.createElementBlock("ul",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,i=>(e.openBlock(),e.createBlock(d,{key:i.id,model:i,treeId:e.unref(c)},null,8,["model","treeId"]))),128))]))}},o={state:e.reactive({trees:{}}),getters:{getTreeSelect(n){return o.state.trees[n].selected}},mutations:{setTreeSelect(n,t){o.state.trees[n].noSelect||(o.state.trees[n].multiSelect?o.state.trees[n].selected.includes(t)?o.state.trees[n].selected=o.state.trees[n].selected.filter(function(c){return c!==t}):o.state.trees[n].selected=[...o.state.trees[n].selected,t]:o.state.trees[n].selected=[t])}},actions:{initTreeStore(n,t,c){o.state.trees[n]=[],o.state.trees[n].selected=[],o.state.trees[n].noSelect=t,o.state.trees[n].multiSelect=c},isTreeSelected(n,t){return o.state.trees[n].selected.includes(t)}}};s.DButton=f,s.DIcon=m,s.DTree=k,s.DTreeItem=d,s.DTreeStore=o,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});