skyline-vue-admin 0.0.1

package/dist/components/simple-form/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/simple-form/index.tsx"],"sourcesContent":["import { useForm, useProvideFormGrid } from '@/hooks'\nimport { ElForm, type FormProps, type FormRules } from 'element-plus'\nimport { defineComponent, useTemplateRef, watchEffect } from 'vue'\n\nexport interface SkySimpleFormProps {\n  grid?: boolean\n  rules?: FormRules\n}\n\nexport const SkySimpleForm = defineComponent<SkySimpleFormProps & Partial<FormProps>>({\n  name: 'SkySimpleForm',\n  props: {\n    grid: {\n      type: Boolean,\n      default: false,\n    },\n    rules: Object,\n  },\n  setup(props, { slots }) {\n    useProvideFormGrid(props.grid!)\n    const { formData, setFormRef } = useForm()!\n    const formRef = useTemplateRef<InstanceType<typeof ElForm> | null>('formRef')\n    watchEffect(() => {\n      setFormRef(formRef.value)\n    })\n    return () => (\n      <ElForm\n        ref=\"formRef\"\n        class={`sky-simple-form${props.grid ? ' is-grid' : ''}`}\n        model={formData}\n        label-position=\"top\"\n        rules={props.rules}\n      >\n        {slots.default?.()}\n      </ElForm>\n    )\n  },\n})\n"],"names":["SkySimpleForm","defineComponent","name","props","grid","type","default","rules","slots","useProvideFormGrid","setFormRef","formRef","useTemplateRef","watchEffect","formData"],"mappings":"g0BASAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,MAAAA,CACEC,KAAAA,CACEC,KAAAA,QACAC,QAAAA,IAEFC,MAAAA,iBAEaC,MAAAA,CAAM,EAAA,CACnBC,EAAAA,mBAAAA,EAAAA,IAAAA,mBACkBC,WAAAA,eAClBC,EAAAC,EAAAA,eAAA,SAAA,EACAC,OAAAA,EAAAA,YAAAA,IAAAA,CACEH,EAAAA,EAAAA,KAAAA,CACF,CAAA,8BACO,IAAA,yDAGoD,MAAAI,EACxC,iBAAA,MAAA,MAAAX,EAAA,KAEG,EAAA,CAAAG,QAAAA,IAAAA,CAAAA,EAAAA,UAAAA,CAAAA,GAKxB,CACF,CAAA"}

package/dist/components/simple-form/index.d.ts

@@ -0,0 +1,6 @@
+import { FormProps, FormRules } from 'element-plus';
+export interface SkySimpleFormProps {
+    grid?: boolean;
+    rules?: FormRules;
+}
+export declare const SkySimpleForm: import('vue').DefineComponent<SkySimpleFormProps & Partial<FormProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkySimpleFormProps & Partial<FormProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/simple-form/index.mjs

@@ -0,0 +1,53 @@
+import "element-plus/es/components/form/style/css";
+import { defineComponent as i, useTemplateRef as p, watchEffect as f, createVNode as l } from "vue";
+import "../../hooks/useUser.mjs";
+import "../../hooks/usePermission.mjs";
+import "../../hooks/useMenu.mjs";
+import "../../hooks/useTab.mjs";
+import "../../hooks/useRouteKeepAlive.mjs";
+import "../../hooks/useSize.mjs";
+import "../../hooks/useLang.mjs";
+import "../../hooks/useTheme.mjs";
+import "../../hooks/useList.mjs";
+import "../../hooks/useHiddenTitle.mjs";
+import { useForm as s } from "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import "../../hooks/useReferenceArrayField.mjs";
+import "../../hooks/useTreeWithDetails.mjs";
+import { useProvideFormGrid as a } from "../../hooks/useFormGrid.mjs";
+import "../../hooks/useReferenceArrayInput.mjs";
+import { ElForm as d } from "element-plus";
+const G = /* @__PURE__ */ i({
+  name: "SkySimpleForm",
+  props: {
+    grid: {
+      type: Boolean,
+      default: !1
+    },
+    rules: Object
+  },
+  setup(o, {
+    slots: r
+  }) {
+    a(o.grid);
+    const {
+      formData: m,
+      setFormRef: e
+    } = s(), t = p("formRef");
+    return f(() => {
+      e(t.value);
+    }), () => l(d, {
+      ref: "formRef",
+      class: `sky-simple-form${o.grid ? " is-grid" : ""}`,
+      model: m,
+      "label-position": "top",
+      rules: o.rules
+    }, {
+      default: () => [r.default?.()]
+    });
+  }
+});
+export {
+  G as SkySimpleForm
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/simple-form/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/simple-form/index.tsx"],"sourcesContent":["import { useForm, useProvideFormGrid } from '@/hooks'\nimport { ElForm, type FormProps, type FormRules } from 'element-plus'\nimport { defineComponent, useTemplateRef, watchEffect } from 'vue'\n\nexport interface SkySimpleFormProps {\n  grid?: boolean\n  rules?: FormRules\n}\n\nexport const SkySimpleForm = defineComponent<SkySimpleFormProps & Partial<FormProps>>({\n  name: 'SkySimpleForm',\n  props: {\n    grid: {\n      type: Boolean,\n      default: false,\n    },\n    rules: Object,\n  },\n  setup(props, { slots }) {\n    useProvideFormGrid(props.grid!)\n    const { formData, setFormRef } = useForm()!\n    const formRef = useTemplateRef<InstanceType<typeof ElForm> | null>('formRef')\n    watchEffect(() => {\n      setFormRef(formRef.value)\n    })\n    return () => (\n      <ElForm\n        ref=\"formRef\"\n        class={`sky-simple-form${props.grid ? ' is-grid' : ''}`}\n        model={formData}\n        label-position=\"top\"\n        rules={props.rules}\n      >\n        {slots.default?.()}\n      </ElForm>\n    )\n  },\n})\n"],"names":["SkySimpleForm","defineComponent","name","props","grid","type","default","rules","slots","useProvideFormGrid","setFormRef","formRef","useTemplateRef","watchEffect","formData"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,MAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFC,OAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnBC,IAAAA,EAAAA,EAAAA,IAAAA;;;MACkBC,YAAAA;AAAAA,aAClBC,IAAAC,EAAA,SAAA;AACAC,WAAAA,EAAAA,MAAAA;AACEH,MAAAA,EAAAA,EAAAA,KAAAA;AAAAA,IACF,CAAA;MACO,KAAA;AAAA;MAGoD,OAAAI;AAAA,MACxC,kBAAA;AAAA,MAAA,OAAAX,EAAA;AAAA,IAEG,GAAA;AAAA,MAAAG,SAAAA,MAAAA,CAAAA,EAAAA,UAAAA,CAAAA;AAAAA;EAKxB;AACF,CAAA;"}

package/dist/components/single-field-list/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");const d=require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const c=require("../../setup/index.cjs"),q=require("element-plus"),g=require("vue-router"),m=e.defineComponent({name:"SkySingleFieldList",props:{id:{type:String,default:"id"}},setup(t,{slots:n}){const u=g.useRouter(),{listData:s,listLoading:o,reference:l}=d.useReferenceArrayField(),a=r=>{const i=c.skyConfig.getShowRouteName(l);r?.[t.id]&&u.hasRoute(i)&&u.push({name:i,params:{id:String(r[t.id])}})};return()=>e.withDirectives(e.createVNode("div",{class:"sky-single-field-list"},[s.value?.data?.map(r=>e.createVNode(e.Fragment,null,[n.default?.().map(i=>e.cloneVNode(i,{row:r,onClick:a}))]))]),[[q.ElLoadingDirective,o.value]])}});exports.SkySingleFieldList=m;
+//# sourceMappingURL=index.cjs.map

package/dist/components/single-field-list/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/single-field-list/index.tsx"],"sourcesContent":["import { useReferenceArrayField } from '@/hooks'\nimport { skyConfig } from '@/setup'\nimport { ElLoadingDirective } from 'element-plus'\nimport { cloneVNode, defineComponent, withDirectives } from 'vue'\nimport { useRouter } from 'vue-router'\n\nexport interface SkySingleFieldListProps {\n  id?: string\n}\n\nexport const SkySingleFieldList = defineComponent<SkySingleFieldListProps>({\n  name: 'SkySingleFieldList',\n  props: {\n    id: {\n      type: String,\n      default: 'id',\n    },\n  },\n  setup(props, { slots }) {\n    const router = useRouter()\n    const { listData, listLoading, reference } = useReferenceArrayField()!\n\n    const onClick = (row?: Record<string, unknown>) => {\n      const routeName = skyConfig.getShowRouteName(reference)\n      if (row?.[props.id!] && router.hasRoute(routeName)) {\n        router.push({\n          name: routeName,\n          params: {\n            id: String(row[props.id!]),\n          },\n        })\n      }\n    }\n\n    return () =>\n      withDirectives(\n        <div class=\"sky-single-field-list\">\n          {listData.value?.data?.map((row) => (\n            <>{slots.default?.().map((vnode) => cloneVNode(vnode, { row, onClick }))}</>\n          ))}\n        </div>,\n        [[ElLoadingDirective, listLoading.value]],\n      )\n  },\n})\n"],"names":["SkySingleFieldList","defineComponent","name","props","id","type","String","default","setup","slots","router","useRouter","listData","listLoading","reference","useReferenceArrayField","onClick","row","routeName","skyConfig","getShowRouteName","hasRoute","push","params","withDirectives","_createVNode","value","data","map","_Fragment","vnode","cloneVNode","ElLoadingDirective"],"mappings":"8zBAUaA,EAAqBC,EAAAA,gBAAyC,CACzEC,KAAM,qBACNC,MAAO,CACLC,GAAI,CACFC,KAAMC,OACNC,QAAS,IACX,GAEFC,MAAML,EAAO,CAAEM,MAAAA,CAAM,EAAG,CACtB,MAAMC,EAASC,EAAAA,UAAS,EAClB,CAAEC,SAAAA,EAAUC,YAAAA,EAAaC,UAAAA,GAAcC,yBAAsB,EAE7DC,EAAWC,GAAkC,CACjD,MAAMC,EAAYC,EAAAA,UAAUC,iBAAiBN,CAAS,EAClDG,IAAMd,EAAMC,EAAE,GAAMM,EAAOW,SAASH,CAAS,GAC/CR,EAAOY,KAAK,CACVpB,KAAMgB,EACNK,OAAQ,CACNnB,GAAIE,OAAOW,EAAId,EAAMC,EAAE,CAAE,CAC3B,CACF,CAAC,CAEL,EAEA,MAAO,IACLoB,EAAAA,eAAcC,EAAAA,YAAA,MAAA,CAAA,MAAA,yBAAA,CAETb,EAASc,OAAOC,MAAMC,IAAKX,GAAGQ,cAAAI,EAAAA,SAAA,KAAA,CAC1BpB,EAAMF,UAAO,EAAKqB,IAAKE,GAAUC,EAAAA,WAAWD,EAAO,CAAEb,IAAAA,EAAKD,QAAAA,CAAQ,CAAC,CAAC,CAAC,CAAA,CACzE,CAAC,GAEJ,CAAC,CAACgB,qBAAoBnB,EAAYa,KAAK,CAAC,CAC1C,CACJ,CACF,CAAC"}

package/dist/components/single-field-list/index.d.ts

@@ -0,0 +1,4 @@
+export interface SkySingleFieldListProps {
+    id?: string;
+}
+export declare const SkySingleFieldList: import('vue').DefineComponent<SkySingleFieldListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkySingleFieldListProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/single-field-list/index.mjs

@@ -0,0 +1,56 @@
+import { defineComponent as l, withDirectives as d, createVNode as r, Fragment as u, cloneVNode as c } from "vue";
+import "../../hooks/useUser.mjs";
+import "../../hooks/usePermission.mjs";
+import "../../hooks/useMenu.mjs";
+import "../../hooks/useTab.mjs";
+import "../../hooks/useRouteKeepAlive.mjs";
+import "../../hooks/useSize.mjs";
+import "../../hooks/useLang.mjs";
+import "../../hooks/useTheme.mjs";
+import "../../hooks/useList.mjs";
+import "../../hooks/useHiddenTitle.mjs";
+import "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import { useReferenceArrayField as f } from "../../hooks/useReferenceArrayField.mjs";
+import "../../hooks/useTreeWithDetails.mjs";
+import "../../hooks/useFormGrid.mjs";
+import "../../hooks/useReferenceArrayInput.mjs";
+import { skyConfig as g } from "../../setup/index.mjs";
+import { ElLoadingDirective as S } from "element-plus";
+import { useRouter as y } from "vue-router";
+const H = /* @__PURE__ */ l({
+  name: "SkySingleFieldList",
+  props: {
+    id: {
+      type: String,
+      default: "id"
+    }
+  },
+  setup(e, {
+    slots: m
+  }) {
+    const o = y(), {
+      listData: p,
+      listLoading: n,
+      reference: a
+    } = f(), s = (t) => {
+      const i = g.getShowRouteName(a);
+      t?.[e.id] && o.hasRoute(i) && o.push({
+        name: i,
+        params: {
+          id: String(t[e.id])
+        }
+      });
+    };
+    return () => d(r("div", {
+      class: "sky-single-field-list"
+    }, [p.value?.data?.map((t) => r(u, null, [m.default?.().map((i) => c(i, {
+      row: t,
+      onClick: s
+    }))]))]), [[S, n.value]]);
+  }
+});
+export {
+  H as SkySingleFieldList
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/single-field-list/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/single-field-list/index.tsx"],"sourcesContent":["import { useReferenceArrayField } from '@/hooks'\nimport { skyConfig } from '@/setup'\nimport { ElLoadingDirective } from 'element-plus'\nimport { cloneVNode, defineComponent, withDirectives } from 'vue'\nimport { useRouter } from 'vue-router'\n\nexport interface SkySingleFieldListProps {\n  id?: string\n}\n\nexport const SkySingleFieldList = defineComponent<SkySingleFieldListProps>({\n  name: 'SkySingleFieldList',\n  props: {\n    id: {\n      type: String,\n      default: 'id',\n    },\n  },\n  setup(props, { slots }) {\n    const router = useRouter()\n    const { listData, listLoading, reference } = useReferenceArrayField()!\n\n    const onClick = (row?: Record<string, unknown>) => {\n      const routeName = skyConfig.getShowRouteName(reference)\n      if (row?.[props.id!] && router.hasRoute(routeName)) {\n        router.push({\n          name: routeName,\n          params: {\n            id: String(row[props.id!]),\n          },\n        })\n      }\n    }\n\n    return () =>\n      withDirectives(\n        <div class=\"sky-single-field-list\">\n          {listData.value?.data?.map((row) => (\n            <>{slots.default?.().map((vnode) => cloneVNode(vnode, { row, onClick }))}</>\n          ))}\n        </div>,\n        [[ElLoadingDirective, listLoading.value]],\n      )\n  },\n})\n"],"names":["SkySingleFieldList","defineComponent","name","props","id","type","String","default","setup","slots","router","useRouter","listData","listLoading","reference","useReferenceArrayField","onClick","row","routeName","skyConfig","getShowRouteName","hasRoute","push","params","withDirectives","_createVNode","value","data","map","_Fragment","vnode","cloneVNode","ElLoadingDirective"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,IAAqBC,gBAAAA,EAAyC;AAAA,EACzEC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,IAAI;AAAA,MACFC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACX;AAAA;EAEFC,MAAML,GAAO;AAAA,IAAEM,OAAAA;AAAAA,EAAM,GAAG;AACtB,UAAMC,IAASC,EAAS,GAClB;AAAA,MAAEC,UAAAA;AAAAA,MAAUC,aAAAA;AAAAA,MAAaC,WAAAA;AAAAA,QAAcC,EAAsB,GAE7DC,IAAWC,CAAAA,MAAkC;AACjD,YAAMC,IAAYC,EAAUC,iBAAiBN,CAAS;AACtD,MAAIG,IAAMd,EAAMC,EAAE,KAAMM,EAAOW,SAASH,CAAS,KAC/CR,EAAOY,KAAK;AAAA,QACVpB,MAAMgB;AAAAA,QACNK,QAAQ;AAAA,UACNnB,IAAIE,OAAOW,EAAId,EAAMC,EAAE,CAAE;AAAA,QAC3B;AAAA,MACF,CAAC;AAAA,IAEL;AAEA,WAAO,MACLoB,EAAcC,EAAA,OAAA;AAAA,MAAA,OAAA;AAAA,OAAA,CAETb,EAASc,OAAOC,MAAMC,IAAKX,CAAAA,MAAGQ,EAAAI,GAAA,MAAA,CAC1BpB,EAAMF,UAAO,EAAKqB,IAAKE,CAAAA,MAAUC,EAAWD,GAAO;AAAA,MAAEb,KAAAA;AAAAA,MAAKD,SAAAA;AAAAA,IAAQ,CAAC,CAAC,CAAC,CAAA,CACzE,CAAC,IAEJ,CAAC,CAACgB,GAAoBnB,EAAYa,KAAK,CAAC,CAC1C;AAAA,EACJ;AACF,CAAC;"}

package/dist/components/text-field/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");const d=require("../../hooks/useHiddenTitle.cjs");require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const s=require("vue-router"),a=require("../can-access/index.cjs"),q=e.defineComponent({name:"SkyTextField",inheritAttrs:!1,props:{source:{type:String,required:!0},name:{type:String,default:"name"},label:String,row:Object},setup(r,{attrs:u}){const o=s.useRoute(),c=d.useHiddenTitle(),l=o.meta,i=e.computed(()=>{const t=r.row?.[r.source];return t?typeof t!="object"?String(t):t[r.name]||"":""}),n=e.computed(()=>r.label||r.source);return()=>e.createVNode(a.SkyCanAccess,{resource:l.resource,action:["list","show"],column:r.source},{default:()=>[c?e.createVNode("div",u,[i.value]):e.createVNode("div",e.mergeProps({class:"sky-text-field"},u),[n.value&&e.createVNode("h4",null,[n.value]),e.createVNode("div",null,[i.value])])]})}});exports.SkyTextField=q;
+//# sourceMappingURL=index.cjs.map

package/dist/components/text-field/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/text-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\r\nimport { computed, defineComponent } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface TextFieldProps {\r\n  source: string\r\n  name?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyTextField = defineComponent<TextFieldProps>({\r\n  name: 'SkyTextField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    label: String,\r\n    row: Object,\r\n  },\r\n  setup(props, { attrs }) {\r\n    const route = useRoute()\r\n    const hiddenTitle = useHiddenTitle()\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    const field = computed<string>(() => {\r\n      const v = props.row?.[props.source]\r\n      if (!v) {\r\n        return ''\r\n      }\r\n      if (typeof v !== 'object') {\r\n        return String(v)\r\n      }\r\n      return (v as Record<string, string>)[props.name!] || ''\r\n    })\r\n\r\n    const title = computed(() => {\r\n      return props.label || props.source\r\n    })\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {hiddenTitle ? (\r\n          <div {...attrs}>{field.value}</div>\r\n        ) : (\r\n          <div class=\"sky-text-field\" {...attrs}>\r\n            {title.value && <h4>{title.value}</h4>}\r\n            <div>{field.value}</div>\r\n          </div>\r\n        )}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyTextField","defineComponent","name","inheritAttrs","props","source","type","String","required","default","label","row","Object","setup","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","meta","field","computed","v","title","_createVNode","SkyCanAccess","resource","value","_mergeProps"],"mappings":"syBAaaA,EAAeC,EAAAA,gBAAgC,CAC1DC,KAAM,eACNC,aAAc,GACdC,MAAO,CACLC,OAAQ,CACNC,KAAMC,OACNC,SAAU,IAEZN,KAAM,CACJI,KAAMC,OACNE,QAAS,QAEXC,MAAOH,OACPI,IAAKC,QAEPC,MAAMT,EAAO,CAAEU,MAAAA,CAAM,EAAG,CACtB,MAAMC,EAAQC,EAAAA,SAAQ,EAChBC,EAAcC,EAAAA,eAAc,EAC5BC,EAAYJ,EAAMK,KAElBC,EAAQC,EAAAA,SAAiB,IAAM,CACnC,MAAMC,EAAInB,EAAMO,MAAMP,EAAMC,MAAM,EAClC,OAAKkB,EAGD,OAAOA,GAAM,SACRhB,OAAOgB,CAAC,EAETA,EAA6BnB,EAAMF,IAAI,GAAM,GAL5C,EAMX,CAAC,EAEKsB,EAAQF,EAAAA,SAAS,IACdlB,EAAMM,OAASN,EAAMC,MAC7B,EAED,MAAO,IAAAoB,EAAAA,YAAAC,eAAA,CAAA,SACmBP,EAAUQ,SAAQ,OAAU,CAAC,OAAQ,MAAM,EAAC,OAAUvB,EAAMC,MAAM,EAAA,CAAAI,QAAAA,IAAA,CACvFQ,EAAWQ,EAAAA,YAAA,MACDX,EAAK,CAAGO,EAAMO,KAAK,CAAA,EAAAH,oBAAAI,EAAAA,WAAA,CAAA,MAAA,gBAAA,EAEIf,CAAK,EAAA,CAClCU,EAAMI,OAAKH,cAAA,KAAA,KAAA,CAASD,EAAMI,KAAK,GAAMH,EAAAA,wBAChCJ,EAAMO,KAAK,CAAA,CAAA,CAAA,CAEpB,EAAA,CAGP,CACF,CAAC"}

package/dist/components/text-field/index.d.ts

@@ -0,0 +1,7 @@
+export interface TextFieldProps {
+    source: string;
+    name?: string;
+    label?: string;
+    row?: Record<string, unknown>;
+}
+export declare const SkyTextField: import('vue').DefineComponent<TextFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TextFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/text-field/index.mjs

@@ -0,0 +1,56 @@
+import { defineComponent as s, computed as n, createVNode as t, mergeProps as p } from "vue";
+import "../../hooks/useUser.mjs";
+import "../../hooks/usePermission.mjs";
+import "../../hooks/useMenu.mjs";
+import "../../hooks/useTab.mjs";
+import "../../hooks/useRouteKeepAlive.mjs";
+import "../../hooks/useSize.mjs";
+import "../../hooks/useLang.mjs";
+import "../../hooks/useTheme.mjs";
+import "../../hooks/useList.mjs";
+import { useHiddenTitle as a } from "../../hooks/useHiddenTitle.mjs";
+import "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import "../../hooks/useReferenceArrayField.mjs";
+import "../../hooks/useTreeWithDetails.mjs";
+import "../../hooks/useFormGrid.mjs";
+import "../../hooks/useReferenceArrayInput.mjs";
+import { useRoute as d } from "vue-router";
+import { SkyCanAccess as f } from "../can-access/index.mjs";
+const P = /* @__PURE__ */ s({
+  name: "SkyTextField",
+  inheritAttrs: !1,
+  props: {
+    source: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      default: "name"
+    },
+    label: String,
+    row: Object
+  },
+  setup(e, {
+    attrs: o
+  }) {
+    const u = d(), l = a(), c = u.meta, i = n(() => {
+      const r = e.row?.[e.source];
+      return r ? typeof r != "object" ? String(r) : r[e.name] || "" : "";
+    }), m = n(() => e.label || e.source);
+    return () => t(f, {
+      resource: c.resource,
+      action: ["list", "show"],
+      column: e.source
+    }, {
+      default: () => [l ? t("div", o, [i.value]) : t("div", p({
+        class: "sky-text-field"
+      }, o), [m.value && t("h4", null, [m.value]), t("div", null, [i.value])])]
+    });
+  }
+});
+export {
+  P as SkyTextField
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/text-field/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/text-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\r\nimport { computed, defineComponent } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface TextFieldProps {\r\n  source: string\r\n  name?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyTextField = defineComponent<TextFieldProps>({\r\n  name: 'SkyTextField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    label: String,\r\n    row: Object,\r\n  },\r\n  setup(props, { attrs }) {\r\n    const route = useRoute()\r\n    const hiddenTitle = useHiddenTitle()\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    const field = computed<string>(() => {\r\n      const v = props.row?.[props.source]\r\n      if (!v) {\r\n        return ''\r\n      }\r\n      if (typeof v !== 'object') {\r\n        return String(v)\r\n      }\r\n      return (v as Record<string, string>)[props.name!] || ''\r\n    })\r\n\r\n    const title = computed(() => {\r\n      return props.label || props.source\r\n    })\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {hiddenTitle ? (\r\n          <div {...attrs}>{field.value}</div>\r\n        ) : (\r\n          <div class=\"sky-text-field\" {...attrs}>\r\n            {title.value && <h4>{title.value}</h4>}\r\n            <div>{field.value}</div>\r\n          </div>\r\n        )}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyTextField","defineComponent","name","inheritAttrs","props","source","type","String","required","default","label","row","Object","setup","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","meta","field","computed","v","title","_createVNode","SkyCanAccess","resource","value","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAaO,MAAMA,IAAeC,gBAAAA,EAAgC;AAAA,EAC1DC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA;IAEZN,MAAM;AAAA,MACJI,MAAMC;AAAAA,MACNE,SAAS;AAAA;IAEXC,OAAOH;AAAAA,IACPI,KAAKC;AAAAA;EAEPC,MAAMT,GAAO;AAAA,IAAEU,OAAAA;AAAAA,EAAM,GAAG;AACtB,UAAMC,IAAQC,EAAQ,GAChBC,IAAcC,EAAc,GAC5BC,IAAYJ,EAAMK,MAElBC,IAAQC,EAAiB,MAAM;AACnC,YAAMC,IAAInB,EAAMO,MAAMP,EAAMC,MAAM;AAClC,aAAKkB,IAGD,OAAOA,KAAM,WACRhB,OAAOgB,CAAC,IAETA,EAA6BnB,EAAMF,IAAI,KAAM,KAL5C;AAAA,IAMX,CAAC,GAEKsB,IAAQF,EAAS,MACdlB,EAAMM,SAASN,EAAMC,MAC7B;AAED,WAAO,MAAAoB,EAAAC,GAAA;AAAA,MAAA,UACmBP,EAAUQ;AAAAA,MAAQ,QAAU,CAAC,QAAQ,MAAM;AAAA,MAAC,QAAUvB,EAAMC;AAAAA,IAAM,GAAA;AAAA,MAAAI,SAAAA,MAAA,CACvFQ,IAAWQ,EAAA,OACDX,GAAK,CAAGO,EAAMO,KAAK,CAAA,IAAAH,SAAAI,EAAA;AAAA,QAAA,OAAA;AAAA,MAAA,GAEIf,CAAK,GAAA,CAClCU,EAAMI,SAAKH,EAAA,MAAA,MAAA,CAASD,EAAMI,KAAK,IAAMH,gBAChCJ,EAAMO,KAAK,CAAA,CAAA,CAAA,CAEpB;AAAA,KAAA;AAAA,EAGP;AACF,CAAC;"}

package/dist/components/text-input/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form-item/style/css");require("element-plus/es/components/input/style/css");const u=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const p=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const q=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const o=require("element-plus"),m=require("vue-router"),f=require("../can-access/index.cjs"),y=u.defineComponent({name:"SkyTextInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,rules:Object,parser:Function,defaultValue:{type:String,default:""}},setup(s,{attrs:i}){const e=s,c=m.useRoute(),n=q.useFormGrid(),{formData:r,editData:t}=p.useForm(),a=c.meta,l=u.computed(()=>e.label||e.source);return typeof r[e.source]>"u"&&(r[e.source]=e.defaultValue),t.value&&(r[e.source]=t.value[e.source]),e.parser&&(r[e.source]=e.parser(r[e.source])),()=>u.createVNode(f.SkyCanAccess,{resource:a.resource,action:["create","edit"],column:e.source},{default:()=>[u.createVNode(o.ElFormItem,{label:l.value,prop:e.source,rules:e.rules,style:n?`grid-area: ${e.source}`:""},{default:()=>u.h(o.ElInput,{modelValue:r[e.source]?String(r[e.source]):"","onUpdate:modelValue":d=>r[e.source]=d,parser:e.parser,...i})})]})}});exports.SkyTextInput=y;
+//# sourceMappingURL=index.cjs.map

package/dist/components/text-input/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/text-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\nimport { ElFormItem, ElInput, type FormItemRule, type InputProps } from 'element-plus'\nimport { computed, defineComponent, h } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyTextInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  parser?: InputProps['parser']\n  defaultValue?: string\n}\n\nexport const SkyTextInput = defineComponent<SkyTextInputProps & Partial<InputProps>>({\n  name: 'SkyTextInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    parser: Function,\n    defaultValue: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { attrs }) {\n    // 防止TS类型爆炸！\n    const _props = props as unknown as SkyTextInputProps\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    const title = computed(() => _props.label || _props.source)\n\n    if (typeof formData[_props.source] === 'undefined') {\n      formData[_props.source] = _props.defaultValue!\n    }\n\n    if (editData.value) {\n      formData[_props.source] = editData.value[_props.source]\n    }\n\n    // 主动调用一次，归一化参数\n    if (_props.parser) {\n      formData[_props.source] = _props.parser(formData[_props.source])\n    }\n\n    return () => (\n      <SkyCanAccess\n        resource={routeMeta.resource}\n        action={['create', 'edit']}\n        column={_props.source}\n      >\n        <ElFormItem\n          label={title.value}\n          prop={_props.source}\n          rules={_props.rules}\n          style={formGrid ? `grid-area: ${_props.source}` : ''}\n        >\n          {() =>\n            h(ElInput, {\n              modelValue: formData[_props.source] ? String(formData[_props.source]) : '',\n              'onUpdate:modelValue': (v) => (formData[_props.source] = v),\n              parser: _props.parser,\n              ...attrs,\n            })\n          }\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyTextInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","parser","defaultValue","default","attrs","route","useRoute","formGrid","useFormGrid","editData","routeMeta","title","computed","_props","formData","modelValue"],"mappings":"w7BAeAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,eACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,MAAAA,OACAC,OAAAA,SACAC,aAAAA,CACEL,KAAAA,OACAM,QAAAA,EACF,YAEaC,MAAAA,CAAM,EAAA,WAGnBC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAClBC,EAAAL,EAAA,KAEAM,EAAAC,EAAAA,SAAA,IAAAC,EAAA,OAAAA,EAAA,MAAA,wEAOEC,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,cAKAA,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,OAAAA,EAAAA,EAAAA,MAAAA,CAAAA,yDAK8B,OAAA,CAAA,SAAA,MAAA,EACF,OAAAD,EAAA,MACL,EAAA,CAAAV,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,2CAKA,MAAAI,EAAA,cAAAM,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAV,QAAAA,IAAAA,EAAAA,EAAAA,UAAAA,CAIhDY,WAAAA,EAAAA,EAAAA,MAAAA,EAAAA,OAAAA,EAAAA,EAAAA,MAAAA,CAAAA,EAAAA,gEAIA,CAAA,CAAA,GAKZ,CACF,CAAA"}

package/dist/components/text-input/index.d.ts

@@ -0,0 +1,9 @@
+import { FormItemRule, InputProps } from 'element-plus';
+export interface SkyTextInputProps {
+    source: string;
+    label?: string;
+    rules?: FormItemRule | FormItemRule[];
+    parser?: InputProps['parser'];
+    defaultValue?: string;
+}
+export declare const SkyTextInput: import('vue').DefineComponent<SkyTextInputProps & Partial<InputProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyTextInputProps & Partial<InputProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/text-input/index.mjs

@@ -0,0 +1,70 @@
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/input/style/css";
+import { defineComponent as l, computed as n, createVNode as t, h as f } from "vue";
+import "../../hooks/useUser.mjs";
+import "../../hooks/usePermission.mjs";
+import "../../hooks/useMenu.mjs";
+import "../../hooks/useTab.mjs";
+import "../../hooks/useRouteKeepAlive.mjs";
+import "../../hooks/useSize.mjs";
+import "../../hooks/useLang.mjs";
+import "../../hooks/useTheme.mjs";
+import "../../hooks/useList.mjs";
+import "../../hooks/useHiddenTitle.mjs";
+import { useForm as d } from "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import "../../hooks/useReferenceArrayField.mjs";
+import "../../hooks/useTreeWithDetails.mjs";
+import { useFormGrid as y } from "../../hooks/useFormGrid.mjs";
+import "../../hooks/useReferenceArrayInput.mjs";
+import { ElFormItem as S, ElInput as g } from "element-plus";
+import { useRoute as V } from "vue-router";
+import { SkyCanAccess as b } from "../can-access/index.mjs";
+const z = /* @__PURE__ */ l({
+  name: "SkyTextInput",
+  inheritAttrs: !1,
+  props: {
+    source: {
+      type: String,
+      required: !0
+    },
+    label: String,
+    rules: Object,
+    parser: Function,
+    defaultValue: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(u, {
+    attrs: p
+  }) {
+    const r = u, i = V(), s = y(), {
+      formData: e,
+      editData: o
+    } = d(), m = i.meta, a = n(() => r.label || r.source);
+    return typeof e[r.source] > "u" && (e[r.source] = r.defaultValue), o.value && (e[r.source] = o.value[r.source]), r.parser && (e[r.source] = r.parser(e[r.source])), () => t(b, {
+      resource: m.resource,
+      action: ["create", "edit"],
+      column: r.source
+    }, {
+      default: () => [t(S, {
+        label: a.value,
+        prop: r.source,
+        rules: r.rules,
+        style: s ? `grid-area: ${r.source}` : ""
+      }, {
+        default: () => f(g, {
+          modelValue: e[r.source] ? String(e[r.source]) : "",
+          "onUpdate:modelValue": (c) => e[r.source] = c,
+          parser: r.parser,
+          ...p
+        })
+      })]
+    });
+  }
+});
+export {
+  z as SkyTextInput
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/text-input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/text-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\nimport { ElFormItem, ElInput, type FormItemRule, type InputProps } from 'element-plus'\nimport { computed, defineComponent, h } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyTextInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  parser?: InputProps['parser']\n  defaultValue?: string\n}\n\nexport const SkyTextInput = defineComponent<SkyTextInputProps & Partial<InputProps>>({\n  name: 'SkyTextInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    parser: Function,\n    defaultValue: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { attrs }) {\n    // 防止TS类型爆炸！\n    const _props = props as unknown as SkyTextInputProps\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    const title = computed(() => _props.label || _props.source)\n\n    if (typeof formData[_props.source] === 'undefined') {\n      formData[_props.source] = _props.defaultValue!\n    }\n\n    if (editData.value) {\n      formData[_props.source] = editData.value[_props.source]\n    }\n\n    // 主动调用一次，归一化参数\n    if (_props.parser) {\n      formData[_props.source] = _props.parser(formData[_props.source])\n    }\n\n    return () => (\n      <SkyCanAccess\n        resource={routeMeta.resource}\n        action={['create', 'edit']}\n        column={_props.source}\n      >\n        <ElFormItem\n          label={title.value}\n          prop={_props.source}\n          rules={_props.rules}\n          style={formGrid ? `grid-area: ${_props.source}` : ''}\n        >\n          {() =>\n            h(ElInput, {\n              modelValue: formData[_props.source] ? String(formData[_props.source]) : '',\n              'onUpdate:modelValue': (v) => (formData[_props.source] = v),\n              parser: _props.parser,\n              ...attrs,\n            })\n          }\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyTextInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","parser","defaultValue","default","attrs","route","useRoute","formGrid","useFormGrid","editData","routeMeta","title","computed","_props","formData","modelValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,cAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAM,SAAAA;AAAAA,IACF;AAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;iBAGnBC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAL,EAAA,MAEAM,IAAAC,EAAA,MAAAC,EAAA,SAAAA,EAAA,MAAA;mFAOEC,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA,iBAKAA,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,OAAAA,EAAAA,EAAAA,MAAAA,CAAAA;;MAK8B,QAAA,CAAA,UAAA,MAAA;AAAA,MACF,QAAAD,EAAA;AAAA,IACL,GAAA;AAAA,MAAAV,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;;;QAKA,OAAAI,IAAA,cAAAM,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAV,SAAAA,MAAAA,EAAAA,GAAAA;AAAAA,UAIhDY,YAAAA,EAAAA,EAAAA,MAAAA,IAAAA,OAAAA,EAAAA,EAAAA,MAAAA,CAAAA,IAAAA;AAAAA;;;;MAIA,CAAA,CAAA;AAAA;EAKZ;AACF,CAAA;"}

package/dist/components/tree-select-input/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form-item/style/css");require("element-plus/es/components/tree-select/style/css");const t=require("vue"),l=require("element-plus"),g=require("vue-i18n"),v=require("vue-router"),b=require("../can-access/index.cjs");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const h=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const N=require("../../hooks/useFormGrid.cjs"),V=require("../../hooks/useReferenceArrayInput.cjs");function I(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const A=t.defineComponent({name:"SkyTreeSelectInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,rules:Object,defaultValue:{type:[String,Number],default:0},optionChildren:{type:String,default:"children"},optionName:{type:String,default:"name"},defaultExpandAll:{type:Boolean,default:!0},nodeKey:{type:String,default:"id"},rootValue:{type:[String,Number],default:0}},setup(e,{attrs:a}){const{t:c}=g.useI18n(),d=v.useRoute(),{formData:u,editData:o}=h.useForm(),s=N.useFormGrid(),{getList:f,listData:i,listLoading:n}=V.useReferenceArrayInput(),y=d.meta;typeof u[e.source]>"u"&&(u[e.source]=e.defaultValue),o.value&&(u[e.source]=o.value[e.source]);const m=t.computed(()=>e.label||e.source),q=t.computed(()=>{const r=[{[e.nodeKey]:e.rootValue,[e.optionName]:c("treeRootNode"),[e.optionChildren]:[]}];return i.value?.data?.length&&(r[0][e.optionChildren]=i.value.data),r});return t.onMounted(()=>{f()}),()=>{let r;return t.createVNode(b.SkyCanAccess,{resource:y.resource,action:["create","edit"],column:e.source},I(r=t.withDirectives(t.createVNode(l.ElFormItem,{label:m.value,prop:e.source,rules:e.rules,style:s?`grid-area: ${e.source}`:""},{default:()=>[t.createVNode(l.ElTreeSelect,t.mergeProps({modelValue:n.value?"":u[e.source],"onUpdate:modelValue":S=>u[e.source]=S,checkStrictly:!0,data:q.value,props:{children:e.optionChildren,label:e.optionName},defaultExpandAll:e.defaultExpandAll,loading:n.value,nodeKey:e.nodeKey,valueKey:e.nodeKey},a),null)]}),[[l.ElLoadingDirective,n.value]]))?r:{default:()=>[r]})}}});exports.SkyTreeSelectInput=A;
+//# sourceMappingURL=index.cjs.map

package/dist/components/tree-select-input/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/tree-select-input/index.tsx"],"sourcesContent":["import type { Identifier } from '@/provides'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { ElFormItem, ElLoadingDirective, ElTreeSelect, type FormItemRule } from 'element-plus'\nimport { computed, defineComponent, onMounted, withDirectives } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport { useForm, useFormGrid, useReferenceArrayInput } from '@/hooks'\n\nexport interface SkyTreeSelectInputProps {\n  source: string\n  label?: string\n  placeholder?: string\n  rules?: FormItemRule | FormItemRule[]\n  defaultValue?: Identifier\n  optionChildren?: string\n  optionName?: string\n  defaultExpandAll?: boolean\n  nodeKey?: string\n  rootValue?: Identifier\n}\n\nexport const SkyTreeSelectInput = defineComponent<SkyTreeSelectInputProps>({\n  name: 'SkyTreeSelectInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    // placeholder: String,\n    rules: Object,\n    defaultValue: {\n      type: [String, Number],\n      default: 0,\n    },\n    optionChildren: {\n      type: String,\n      default: 'children',\n    },\n    optionName: {\n      type: String,\n      default: 'name',\n    },\n    defaultExpandAll: {\n      type: Boolean,\n      default: true,\n    },\n    nodeKey: {\n      type: String,\n      default: 'id',\n    },\n    rootValue: {\n      type: [String, Number],\n      default: 0,\n    },\n  },\n  setup(props, { attrs }) {\n    const { t } = useI18n()\n    const route = useRoute()\n    const { formData, editData } = useForm()!\n    const formGrid = useFormGrid()\n    const { getList, listData, listLoading } = useReferenceArrayInput()!\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    if (typeof formData[props.source] === 'undefined') {\n      formData[props.source] = props.defaultValue!\n    }\n\n    if (editData.value) {\n      formData[props.source] = editData.value[props.source]\n    }\n\n    const title = computed<string>(() => props.label || props.source)\n\n    const data = computed(() => {\n      const result = [\n        {\n          [props.nodeKey!]: props.rootValue!,\n          [props.optionName!]: t('treeRootNode'),\n          [props.optionChildren!]: [] as Record<string, unknown>[],\n        },\n      ]\n      if (listData.value?.data?.length) {\n        result[0]![props.optionChildren!] = listData.value.data\n        return result\n      }\n      return result\n    })\n\n    onMounted(() => {\n      getList()\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        {withDirectives(\n          <ElFormItem\n            label={title.value}\n            prop={props.source}\n            rules={props.rules}\n            style={formGrid ? `grid-area: ${props.source}` : ''}\n          >\n            <ElTreeSelect\n              modelValue={listLoading.value ? '' : formData[props.source]}\n              onUpdate:modelValue={(v: Identifier) => (formData[props.source] = v)}\n              checkStrictly\n              data={data.value}\n              props={{ children: props.optionChildren, label: props.optionName }}\n              defaultExpandAll={props.defaultExpandAll}\n              loading={listLoading.value}\n              nodeKey={props.nodeKey}\n              valueKey={props.nodeKey}\n              {...attrs}\n            />\n          </ElFormItem>,\n          [[ElLoadingDirective, listLoading.value]],\n        )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyTreeSelectInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","defaultValue","default","optionChildren","optionName","defaultExpandAll","nodeKey","rootValue","attrs","t","route","useRoute","editData","formGrid","useFormGrid","listLoading","routeMeta","formData","title","computed","data","listData","result","onMounted","getList","_slot"],"mappings":"g9BAOsE,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAetE,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,qBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OAEAC,MAAAA,OACAC,aAAAA,CACEJ,KAAAA,CAAAA,OAAAA,MAAAA,EACAK,QAAAA,GAEFC,eAAAA,CACEN,KAAAA,OACAK,QAAAA,YAEFE,WAAAA,CACEP,KAAAA,OACAK,QAAAA,QAEFG,iBAAAA,CACER,KAAAA,QACAK,QAAAA,IAEFI,QAAAA,CACET,KAAAA,OACAK,QAAAA,MAEFK,UAAAA,CACEV,KAAAA,CAAAA,OAAAA,MAAAA,EACAK,QAAAA,CACF,YAEaM,MAAAA,CAAM,EAAA,OACXC,EAAAA,eACRC,EAAAC,EAAAA,SAAA,cACkBC,SAAAA,eAClBC,EAAAC,EAAAA,YAAA,wBAC2BC,YAAAA,8BAC3BC,EAAAN,EAAA,oEAOEO,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,GAGF,MAAAC,EAAAC,EAAAA,SAAA,IAAAxB,EAAA,OAAAA,EAAA,MAAA,EAEAyB,EAAAD,EAAAA,SAAA,IAAA,WAGM,CAAAxB,EAAA,OAAA,EAAAA,EAAA,UACA,CAAAA,EAAA,UAAA,EAAAc,EAAA,cAAA,uBAEF,CAAA,EAEF,OAAAY,EAAA,OAAA,MAAA,SACEC,EAAAA,CAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAAAA,MAAAA,MACAA,CAGJ,CAAA,EAEAC,OAAAA,EAAAA,UAAAA,IAAAA,CACEC,EAAAA,CACF,CAAA,OAEO,IAAAC,2DACqC,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAA9B,EAAA,mGAK9C,MAAAkB,EAAA,cAAAlB,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAO,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,aAAAA,EAAAA,WAAAA,0EAImB,cAAA,2IAM9C,SAAAP,EAAA,OACC,EAAAa,CAAA,EAAA,IAAA,CAAA,yDAK5B,CAAA,EAGP,CACF,CAAA"}

package/dist/components/tree-select-input/index.d.ts

@@ -0,0 +1,15 @@
+import { Identifier } from '../../provides';
+import { FormItemRule } from 'element-plus';
+export interface SkyTreeSelectInputProps {
+    source: string;
+    label?: string;
+    placeholder?: string;
+    rules?: FormItemRule | FormItemRule[];
+    defaultValue?: Identifier;
+    optionChildren?: string;
+    optionName?: string;
+    defaultExpandAll?: boolean;
+    nodeKey?: string;
+    rootValue?: Identifier;
+}
+export declare const SkyTreeSelectInput: import('vue').DefineComponent<SkyTreeSelectInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyTreeSelectInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/tree-select-input/index.mjs

@@ -0,0 +1,122 @@
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/tree-select/style/css";
+import { defineComponent as p, computed as n, onMounted as v, createVNode as l, withDirectives as b, mergeProps as h, isVNode as N } from "vue";
+import { ElFormItem as V, ElTreeSelect as A, ElLoadingDirective as C } from "element-plus";
+import { useI18n as E } from "vue-i18n";
+import { useRoute as K } from "vue-router";
+import { SkyCanAccess as D } from "../can-access/index.mjs";
+import "../../hooks/useUser.mjs";
+import "../../hooks/usePermission.mjs";
+import "../../hooks/useMenu.mjs";
+import "../../hooks/useTab.mjs";
+import "../../hooks/useRouteKeepAlive.mjs";
+import "../../hooks/useSize.mjs";
+import "../../hooks/useLang.mjs";
+import "../../hooks/useTheme.mjs";
+import "../../hooks/useList.mjs";
+import "../../hooks/useHiddenTitle.mjs";
+import { useForm as I } from "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import "../../hooks/useReferenceArrayField.mjs";
+import "../../hooks/useTreeWithDetails.mjs";
+import { useFormGrid as j } from "../../hooks/useFormGrid.mjs";
+import { useReferenceArrayInput as k } from "../../hooks/useReferenceArrayInput.mjs";
+function x(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !N(e);
+}
+const te = /* @__PURE__ */ p({
+  name: "SkyTreeSelectInput",
+  inheritAttrs: !1,
+  props: {
+    source: {
+      type: String,
+      required: !0
+    },
+    label: String,
+    // placeholder: String,
+    rules: Object,
+    defaultValue: {
+      type: [String, Number],
+      default: 0
+    },
+    optionChildren: {
+      type: String,
+      default: "children"
+    },
+    optionName: {
+      type: String,
+      default: "name"
+    },
+    defaultExpandAll: {
+      type: Boolean,
+      default: !0
+    },
+    nodeKey: {
+      type: String,
+      default: "id"
+    },
+    rootValue: {
+      type: [String, Number],
+      default: 0
+    }
+  },
+  setup(e, {
+    attrs: a
+  }) {
+    const {
+      t: d
+    } = E(), m = K(), {
+      formData: o,
+      editData: i
+    } = I(), c = j(), {
+      getList: f,
+      listData: u,
+      listLoading: r
+    } = k(), s = m.meta;
+    typeof o[e.source] > "u" && (o[e.source] = e.defaultValue), i.value && (o[e.source] = i.value[e.source]);
+    const y = n(() => e.label || e.source), S = n(() => {
+      const t = [{
+        [e.nodeKey]: e.rootValue,
+        [e.optionName]: d("treeRootNode"),
+        [e.optionChildren]: []
+      }];
+      return u.value?.data?.length && (t[0][e.optionChildren] = u.value.data), t;
+    });
+    return v(() => {
+      f();
+    }), () => {
+      let t;
+      return l(D, {
+        resource: s.resource,
+        action: ["create", "edit"],
+        column: e.source
+      }, x(t = b(l(V, {
+        label: y.value,
+        prop: e.source,
+        rules: e.rules,
+        style: c ? `grid-area: ${e.source}` : ""
+      }, {
+        default: () => [l(A, h({
+          modelValue: r.value ? "" : o[e.source],
+          "onUpdate:modelValue": (g) => o[e.source] = g,
+          checkStrictly: !0,
+          data: S.value,
+          props: {
+            children: e.optionChildren,
+            label: e.optionName
+          },
+          defaultExpandAll: e.defaultExpandAll,
+          loading: r.value,
+          nodeKey: e.nodeKey,
+          valueKey: e.nodeKey
+        }, a), null)]
+      }), [[C, r.value]])) ? t : {
+        default: () => [t]
+      });
+    };
+  }
+});
+export {
+  te as SkyTreeSelectInput
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/tree-select-input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/tree-select-input/index.tsx"],"sourcesContent":["import type { Identifier } from '@/provides'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { ElFormItem, ElLoadingDirective, ElTreeSelect, type FormItemRule } from 'element-plus'\nimport { computed, defineComponent, onMounted, withDirectives } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport { useForm, useFormGrid, useReferenceArrayInput } from '@/hooks'\n\nexport interface SkyTreeSelectInputProps {\n  source: string\n  label?: string\n  placeholder?: string\n  rules?: FormItemRule | FormItemRule[]\n  defaultValue?: Identifier\n  optionChildren?: string\n  optionName?: string\n  defaultExpandAll?: boolean\n  nodeKey?: string\n  rootValue?: Identifier\n}\n\nexport const SkyTreeSelectInput = defineComponent<SkyTreeSelectInputProps>({\n  name: 'SkyTreeSelectInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    // placeholder: String,\n    rules: Object,\n    defaultValue: {\n      type: [String, Number],\n      default: 0,\n    },\n    optionChildren: {\n      type: String,\n      default: 'children',\n    },\n    optionName: {\n      type: String,\n      default: 'name',\n    },\n    defaultExpandAll: {\n      type: Boolean,\n      default: true,\n    },\n    nodeKey: {\n      type: String,\n      default: 'id',\n    },\n    rootValue: {\n      type: [String, Number],\n      default: 0,\n    },\n  },\n  setup(props, { attrs }) {\n    const { t } = useI18n()\n    const route = useRoute()\n    const { formData, editData } = useForm()!\n    const formGrid = useFormGrid()\n    const { getList, listData, listLoading } = useReferenceArrayInput()!\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    if (typeof formData[props.source] === 'undefined') {\n      formData[props.source] = props.defaultValue!\n    }\n\n    if (editData.value) {\n      formData[props.source] = editData.value[props.source]\n    }\n\n    const title = computed<string>(() => props.label || props.source)\n\n    const data = computed(() => {\n      const result = [\n        {\n          [props.nodeKey!]: props.rootValue!,\n          [props.optionName!]: t('treeRootNode'),\n          [props.optionChildren!]: [] as Record<string, unknown>[],\n        },\n      ]\n      if (listData.value?.data?.length) {\n        result[0]![props.optionChildren!] = listData.value.data\n        return result\n      }\n      return result\n    })\n\n    onMounted(() => {\n      getList()\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        {withDirectives(\n          <ElFormItem\n            label={title.value}\n            prop={props.source}\n            rules={props.rules}\n            style={formGrid ? `grid-area: ${props.source}` : ''}\n          >\n            <ElTreeSelect\n              modelValue={listLoading.value ? '' : formData[props.source]}\n              onUpdate:modelValue={(v: Identifier) => (formData[props.source] = v)}\n              checkStrictly\n              data={data.value}\n              props={{ children: props.optionChildren, label: props.optionName }}\n              defaultExpandAll={props.defaultExpandAll}\n              loading={listLoading.value}\n              nodeKey={props.nodeKey}\n              valueKey={props.nodeKey}\n              {...attrs}\n            />\n          </ElFormItem>,\n          [[ElLoadingDirective, listLoading.value]],\n        )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyTreeSelectInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","defaultValue","default","optionChildren","optionName","defaultExpandAll","nodeKey","rootValue","attrs","t","route","useRoute","editData","formGrid","useFormGrid","listLoading","routeMeta","formData","title","computed","data","listData","result","onMounted","getList","_slot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOsE,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAetE,MAAAE,KAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,OAAAA;AAAAA;AAAAA,IAEAC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,MACEJ,MAAAA,CAAAA,QAAAA,MAAAA;AAAAA,MACAK,SAAAA;AAAAA;IAEFC,gBAAAA;AAAAA,MACEN,MAAAA;AAAAA,MACAK,SAAAA;AAAAA;IAEFE,YAAAA;AAAAA,MACEP,MAAAA;AAAAA,MACAK,SAAAA;AAAAA;IAEFG,kBAAAA;AAAAA,MACER,MAAAA;AAAAA,MACAK,SAAAA;AAAAA;IAEFI,SAAAA;AAAAA,MACET,MAAAA;AAAAA,MACAK,SAAAA;AAAAA;IAEFK,WAAAA;AAAAA,MACEV,MAAAA,CAAAA,QAAAA,MAAAA;AAAAA,MACAK,SAAAA;AAAAA,IACF;AAAA;;IAEaM,OAAAA;AAAAA,EAAM,GAAA;;MACXC,GAAAA;AAAAA,aACRC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAC,EAAA;;;MAC2BC,aAAAA;AAAAA,aAC3BC,IAAAN,EAAA;4EAOEO,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA;AAGF,UAAAC,IAAAC,EAAA,MAAAxB,EAAA,SAAAA,EAAA,MAAA,GAEAyB,IAAAD,EAAA,MAAA;;QAGM,CAAAxB,EAAA,OAAA,GAAAA,EAAA;AAAA,QACA,CAAAA,EAAA,UAAA,GAAAc,EAAA,cAAA;AAAA;MAEF,CAAA;AAEF,aAAAY,EAAA,OAAA,MAAA,WACEC,EAAAA,CAAAA,EAAAA,EAAAA,cAAAA,IAAAA,EAAAA,MAAAA,OACAA;AAAA,IAGJ,CAAA;AAEAC,WAAAA,EAAAA,MAAAA;AACEC,MAAAA,EAAAA;AAAAA,IACF,CAAA;AAEO,UAAAC;;;QACqC,QAAA,CAAA,UAAA,MAAA;AAAA,QAA4B,QAAA9B,EAAA;AAAA;;;;QAK9C,OAAAkB,IAAA,cAAAlB,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAO,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA;;UAImB,eAAA;AAAA;;;;;;;;UAM9C,UAAAP,EAAA;AAAA,QACC,GAAAa,CAAA,GAAA,IAAA,CAAA;AAAA;;MAK5B,CAAA;AAAA;EAGP;AACF,CAAA;"}

package/dist/components/tree-with-details/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/card/style/css");require("element-plus/es/components/col/style/css");require("element-plus/es/components/row/style/css");require("element-plus/es/components/skeleton/style/css");require("element-plus/es/components/tree/style/css");const e=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");const y=require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");const q=require("../../hooks/useReferenceArrayInput.cjs"),g=require("../../setup/index.cjs"),v=require("@vueuse/core"),i=require("element-plus"),h=require("vue-router"),m=e.defineComponent({name:"SkyTreeWithDetails",inheritAttrs:!1,props:{create:Object,edit:Object,optionChildren:{type:String,default:"children"},optionName:{type:String,default:"name"},defaultExpandAll:{type:Boolean,default:!0},nodeKey:{type:String,default:"id"},size:{type:Number,default:30}},setup(t,{attrs:s}){const l=h.useRoute();let n;const{state:d,isLoading:o,execute:u}=v.useAsyncState(async a=>(n=new AbortController,g.skyConfig.dataProvider?.getList?.(l.meta.resource,{pagination:{page:1,perPage:t.size},filter:a,signal:n.signal})),void 0,{immediate:!0}),f=a=>{r.value===a[t.nodeKey]?r.value=void 0:r.value=a[t.nodeKey]},r=e.ref(),c=e.ref(0);return y.useProvideTreeWithDetails({createSuccess:async()=>{await u(),c.value++},editSuccess:async()=>{await u()},deleteSuccess:async()=>{await u(),r.value=void 0}}),q.useProvideReferenceArrayInput({reference:l.meta.resource,getList:a=>u(0,a),listData:d,listLoading:o}),()=>e.createVNode("div",{class:"sky-tree-with-details"},[e.createVNode(i.ElRow,null,{default:()=>[e.createVNode(i.ElCol,{span:8},{default:()=>[e.createVNode(i.ElCard,null,{default:()=>[e.createVNode(i.ElSkeleton,{loading:o.value,animated:!0},{default:()=>[e.createVNode(i.ElTree,e.mergeProps({data:d.value?.data,props:{children:t.optionChildren,label:t.optionName},defaultExpandAll:t.defaultExpandAll,expandOnClickNode:!1,nodeKey:t.nodeKey,"onNode-click":f,highlightCurrent:!0,currentNodeKey:r.value},s),null)]})]})]}),e.createVNode(i.ElCol,{offset:1,span:15},{default:()=>[r.value?t.edit?e.h(t.edit,{key:r.value,dataId:r.value}):null:t.create?e.h(t.create,{key:c.value}):null]})]})])}});exports.SkyTreeWithDetails=m;
+//# sourceMappingURL=index.cjs.map

package/dist/components/tree-with-details/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/tree-with-details/index.tsx"],"sourcesContent":["import { useProvideReferenceArrayInput, useProvideTreeWithDetails } from '@/hooks'\nimport type { GetListResult, Identifier } from '@/provides'\nimport { skyConfig, type SkyComponent } from '@/setup'\nimport { useAsyncState } from '@vueuse/core'\nimport { ElCard, ElCol, ElRow, ElSkeleton, ElTree } from 'element-plus'\nimport { defineComponent, h, ref } from 'vue'\nimport { useRoute } from 'vue-router'\n\nexport interface SkyTreeWithDetailsProps {\n  create?: SkyComponent\n  edit?: SkyComponent\n  optionChildren?: string\n  optionName?: string\n  defaultExpandAll?: boolean\n  nodeKey?: string\n  size?: number\n}\n\nexport const SkyTreeWithDetails = defineComponent<SkyTreeWithDetailsProps>({\n  name: 'SkyTreeWithDetails',\n  inheritAttrs: false,\n  props: {\n    create: Object,\n    edit: Object,\n    optionChildren: {\n      type: String,\n      default: 'children',\n    },\n    optionName: {\n      type: String,\n      default: 'name',\n    },\n    defaultExpandAll: {\n      type: Boolean,\n      default: true,\n    },\n    nodeKey: {\n      type: String,\n      default: 'id',\n    },\n    size: {\n      type: Number,\n      default: 30,\n    },\n  },\n  setup(props, { attrs }) {\n    const route = useRoute()\n\n    let controller: AbortController | undefined\n    const { state, isLoading, execute } = useAsyncState<\n      GetListResult | undefined,\n      [filter?: Record<string, unknown>]\n    >(\n      async (filter) => {\n        controller = new AbortController()\n        return skyConfig.dataProvider?.getList?.(route.meta.resource as string, {\n          pagination: { page: 1, perPage: props.size! },\n          filter,\n          signal: controller.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    const onNodeClick = (node: Record<string, unknown>) => {\n      if (editId.value === node[props.nodeKey!]) {\n        // 再次点击选中的节点，退出编辑\n        editId.value = undefined\n      } else {\n        editId.value = node[props.nodeKey!] as Identifier\n      }\n    }\n\n    const editId = ref<Identifier>()\n    const createNum = ref(0)\n\n    useProvideTreeWithDetails({\n      createSuccess: async () => {\n        await execute()\n        createNum.value++\n        // if (result.data?.[props.nodeKey!]) {\n        //   editId.value = result.data[props.nodeKey!] as Identifier\n        // }\n      },\n      editSuccess: async () => {\n        await execute()\n      },\n      deleteSuccess: async () => {\n        await execute()\n        editId.value = undefined\n      },\n    })\n\n    // 自动注入一次关联数据\n    useProvideReferenceArrayInput({\n      reference: route.meta.resource as string,\n      getList: (filter?: Record<string, unknown>) => execute(0, filter),\n      listData: state,\n      listLoading: isLoading,\n    })\n\n    return () => (\n      <div class=\"sky-tree-with-details\">\n        <ElRow>\n          <ElCol span={8}>\n            <ElCard>\n              <ElSkeleton loading={isLoading.value} animated>\n                <ElTree\n                  data={state.value?.data}\n                  props={{ children: props.optionChildren, label: props.optionName }}\n                  defaultExpandAll={props.defaultExpandAll}\n                  expandOnClickNode={false}\n                  nodeKey={props.nodeKey}\n                  onNode-click={onNodeClick}\n                  highlightCurrent\n                  currentNodeKey={editId.value}\n                  {...attrs}\n                ></ElTree>\n              </ElSkeleton>\n            </ElCard>\n          </ElCol>\n          <ElCol offset={1} span={15}>\n            {editId.value\n              ? props.edit\n                ? h(props.edit, { key: editId.value, dataId: editId.value })\n                : null\n              : props.create\n                ? h(props.create, { key: createNum.value })\n                : null}\n          </ElCol>\n        </ElRow>\n      </div>\n    )\n  },\n})\n"],"names":["SkyTreeWithDetails","defineComponent","name","inheritAttrs","props","create","edit","optionChildren","type","default","optionName","defaultExpandAll","nodeKey","size","attrs","route","useRoute","controller","execute","useAsyncState","filter","pagination","page","immediate","editId","ref","createNum","useProvideTreeWithDetails","useProvideReferenceArrayInput","reference","listData","listLoading","_createVNode","state","onNodeClick","h"],"mappings":"qmCAkBAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,qBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,OACAC,KAAAA,OACAC,eAAAA,CACEC,KAAAA,OACAC,QAAAA,YAEFC,WAAAA,CACEF,KAAAA,OACAC,QAAAA,QAEFE,iBAAAA,CACEH,KAAAA,QACAC,QAAAA,IAEFG,QAAAA,CACEJ,KAAAA,OACAC,QAAAA,MAEFI,KAAAA,CACEL,KAAAA,OACAC,QAAAA,EACF,YAEaK,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,SAAA,EAEA,IAAAC,4BAC0BC,QAAAA,CAAQ,EAAAC,EAAAA,cAAA,MAAAC,IAK9BH,EAAAA,IAAAA,qEAEEI,WAAAA,CAAcC,KAAAA,0CAGhB,CAAA,WAIAC,UAAAA,EACF,CAAA,oEAYFC,EAAAC,EAAAA,IAAA,EACAC,EAAAD,EAAAA,IAAA,CAAA,EAEAE,OAAAA,4BAAAA,+HAcE,CACF,CAAA,EAGAC,gCAAAA,CACEC,UAAAA,EAAAA,KAAAA,2BAEAC,SAAAA,EACAC,YAAAA,CACF,CAAA,EAEA,IAAAC,EAAAA,YAAA,MAAA,CAAO,MAAA,sDAAAvB,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,QAAAA,OAGa,EAAA,CAAAA,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,OAAAA,KAAAA,CAAAA,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,iBAE0B,SAAA,EAAA,EAAA,CAAAA,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,OAAAA,EAAAA,WAAAA,CAAA,KAAAwB,EAAA,OAAA,8FAIQ,kBAAA,qBAElB,eAAAC,EACG,iBAAA,GAAA,eAAAV,EAAA,KAEG,EAAAV,CAAA,EAAA,IAAA,CAAA,CACnB,CAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,OAAA,SAKS,EAAA,CAAAL,QAAAA,IAAAA,CAAAA,EAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAAA,EAAAA,KAAAA,2BAGsC,CAAA,EAAA,KAAAL,EAAA,OAAA+B,EAAAA,EAAA/B,EAAA,OAAA,oBAIpD,CAAA,CAAA,KAKpB,CACF,CAAA"}

package/dist/components/tree-with-details/index.d.ts

@@ -0,0 +1,11 @@
+import { SkyComponent } from '../../setup';
+export interface SkyTreeWithDetailsProps {
+    create?: SkyComponent;
+    edit?: SkyComponent;
+    optionChildren?: string;
+    optionName?: string;
+    defaultExpandAll?: boolean;
+    nodeKey?: string;
+    size?: number;
+}
+export declare const SkyTreeWithDetails: import('vue').DefineComponent<SkyTreeWithDetailsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyTreeWithDetailsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;