skyline-vue-admin 0.0.8 → 0.0.10

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

@@ -1,2 +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;
+"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"),o=require("element-plus"),S=require("vue-i18n"),g=require("vue-router"),v=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 b=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const h=require("../../hooks/useFormGrid.cjs"),N=require("../../hooks/useReferenceArrayInput.cjs");function V(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const I=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"},nodeKey:{type:String,default:"id"},rootValue:{type:[String,Number],default:0}},setup(e,{attrs:a}){const{t:c}=S.useI18n(),d=g.useRoute(),{formData:u,editData:i}=b.useForm(),s=h.useFormGrid(),{listData:l,listLoading:n}=N.useReferenceArrayInput(),f=d.meta;typeof u[e.source]>"u"&&(u[e.source]=e.defaultValue),i.value&&(u[e.source]=i.value[e.source]);const m=t.computed(()=>e.label||e.source),y=t.computed(()=>{const r=[{[e.nodeKey]:e.rootValue,[e.optionName]:c("treeRootNode"),[e.optionChildren]:[]}];return l.value?.data?.length&&(r[0][e.optionChildren]=l.value.data),r});return()=>{let r;return t.createVNode(v.SkyCanAccess,{resource:f.resource,action:["create","edit"],column:e.source},V(r=t.withDirectives(t.createVNode(o.ElFormItem,{label:m.value,prop:e.source,rules:e.rules,style:s?`grid-area: ${e.source}`:""},{default:()=>[t.createVNode(o.ElTreeSelect,t.mergeProps({modelValue:n.value?"":u[e.source],"onUpdate:modelValue":q=>u[e.source]=q,checkStrictly:!0,data:y.value,props:{children:e.optionChildren,label:e.optionName},defaultExpandAll:!1,accordion:!0,loading:n.value,nodeKey:e.nodeKey,valueKey:e.nodeKey},a),null)]}),[[o.ElLoadingDirective,n.value]]))?r:{default:()=>[r]})}}});exports.SkyTreeSelectInput=I;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +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"}
+{"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, 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  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    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 { 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    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={false}\n              accordion={true}\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","nodeKey","rootValue","attrs","t","route","useRoute","editData","formGrid","useFormGrid","listLoading","routeMeta","formData","title","computed","data","listData","result","_slot"],"mappings":"g9BAOsE,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CActE,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,QAAAA,CACER,KAAAA,OACAK,QAAAA,MAEFI,UAAAA,CACET,KAAAA,CAAAA,OAAAA,MAAAA,EACAK,QAAAA,CACF,YAEaK,MAAAA,CAAM,EAAA,OACXC,EAAAA,eACRC,EAAAC,EAAAA,SAAA,cACkBC,SAAAA,eAClBC,EAAAC,EAAAA,YAAA,cACkBC,YAAAA,8BAClBC,EAAAN,EAAA,oEAOEO,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,GAGF,MAAAC,EAAAC,EAAAA,SAAA,IAAAvB,EAAA,OAAAA,EAAA,MAAA,EAEAwB,EAAAD,EAAAA,SAAA,IAAA,WAGM,CAAAvB,EAAA,OAAA,EAAAA,EAAA,UACA,CAAAA,EAAA,UAAA,EAAAa,EAAA,cAAA,uBAEF,CAAA,EAEF,OAAAY,EAAA,OAAA,MAAA,SACEC,EAAAA,CAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAAAA,MAAAA,MACAA,CAGJ,CAAA,aAEO,IAAAC,2DACqC,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAA3B,EAAA,mGAK9C,MAAAiB,EAAA,cAAAjB,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAO,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,aAAAA,EAAAA,WAAAA,0EAImB,cAAA,qEAGF,iBAAA,GAC3C,UAAA,qCAGD,SAAAP,EAAA,OACC,EAAAY,CAAA,EAAA,IAAA,CAAA,yDAK5B,CAAA,EAGP,CACF,CAAA"}

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

@@ -8,7 +8,6 @@ export interface SkyTreeSelectInputProps {
     defaultValue?: Identifier;
     optionChildren?: string;
     optionName?: string;
-    defaultExpandAll?: boolean;
     nodeKey?: string;
     rootValue?: Identifier;
 }

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

@@ -1,8 +1,8 @@
 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 { defineComponent as g, computed as n, createVNode as i, withDirectives as p, mergeProps as v, isVNode as b } from "vue";
+import { ElFormItem as h, ElTreeSelect as N, ElLoadingDirective as V } from "element-plus";
+import { useI18n as C } from "vue-i18n";
 import { useRoute as K } from "vue-router";
 import { SkyCanAccess as D } from "../can-access/index.mjs";
 import "../../hooks/useUser.mjs";
@@ -21,10 +21,10 @@ 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);
+function A(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !b(e);
 }
-const te = /* @__PURE__ */ p({
+const Z = /* @__PURE__ */ g({
   name: "SkyTreeSelectInput",
   inheritAttrs: !1,
   props: {
@@ -47,10 +47,6 @@ const te = /* @__PURE__ */ p({
       type: String,
       default: "name"
     },
-    defaultExpandAll: {
-      type: Boolean,
-      default: !0
-    },
     nodeKey: {
       type: String,
       default: "id"
@@ -64,59 +60,57 @@ const te = /* @__PURE__ */ p({
     attrs: a
   }) {
     const {
-      t: d
-    } = E(), m = K(), {
+      t: m
+    } = C(), c = K(), {
       formData: o,
-      editData: i
-    } = I(), c = j(), {
-      getList: f,
-      listData: u,
+      editData: u
+    } = I(), d = j(), {
+      listData: l,
       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(() => {
+    } = k(), f = c.meta;
+    typeof o[e.source] > "u" && (o[e.source] = e.defaultValue), u.value && (o[e.source] = u.value[e.source]);
+    const s = n(() => e.label || e.source), y = n(() => {
       const t = [{
         [e.nodeKey]: e.rootValue,
-        [e.optionName]: d("treeRootNode"),
+        [e.optionName]: m("treeRootNode"),
         [e.optionChildren]: []
       }];
-      return u.value?.data?.length && (t[0][e.optionChildren] = u.value.data), t;
+      return l.value?.data?.length && (t[0][e.optionChildren] = l.value.data), t;
     });
-    return v(() => {
-      f();
-    }), () => {
+    return () => {
       let t;
-      return l(D, {
-        resource: s.resource,
+      return i(D, {
+        resource: f.resource,
         action: ["create", "edit"],
         column: e.source
-      }, x(t = b(l(V, {
-        label: y.value,
+      }, A(t = p(i(h, {
+        label: s.value,
         prop: e.source,
         rules: e.rules,
-        style: c ? `grid-area: ${e.source}` : ""
+        style: d ? `grid-area: ${e.source}` : ""
       }, {
-        default: () => [l(A, h({
+        default: () => [i(N, v({
           modelValue: r.value ? "" : o[e.source],
-          "onUpdate:modelValue": (g) => o[e.source] = g,
+          "onUpdate:modelValue": (S) => o[e.source] = S,
           checkStrictly: !0,
-          data: S.value,
+          data: y.value,
           props: {
             children: e.optionChildren,
             label: e.optionName
           },
-          defaultExpandAll: e.defaultExpandAll,
+          defaultExpandAll: !1,
+          accordion: !0,
           loading: r.value,
           nodeKey: e.nodeKey,
           valueKey: e.nodeKey
         }, a), null)]
-      }), [[C, r.value]])) ? t : {
+      }), [[V, r.value]])) ? t : {
         default: () => [t]
       });
     };
   }
 });
 export {
-  te as SkyTreeSelectInput
+  Z as SkyTreeSelectInput
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +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;"}
+{"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, 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  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    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 { 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    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={false}\n              accordion={true}\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","nodeKey","rootValue","attrs","t","route","useRoute","editData","formGrid","useFormGrid","listLoading","routeMeta","formData","title","computed","data","listData","result","_slot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOsE,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AActE,MAAAE,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;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,SAAAA;AAAAA,MACER,MAAAA;AAAAA,MACAK,SAAAA;AAAAA;IAEFI,WAAAA;AAAAA,MACET,MAAAA,CAAAA,QAAAA,MAAAA;AAAAA,MACAK,SAAAA;AAAAA,IACF;AAAA;;IAEaK,OAAAA;AAAAA,EAAM,GAAA;;MACXC,GAAAA;AAAAA,aACRC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAC,EAAA;;MACkBC,aAAAA;AAAAA,aAClBC,IAAAN,EAAA;4EAOEO,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA;AAGF,UAAAC,IAAAC,EAAA,MAAAvB,EAAA,SAAAA,EAAA,MAAA,GAEAwB,IAAAD,EAAA,MAAA;;QAGM,CAAAvB,EAAA,OAAA,GAAAA,EAAA;AAAA,QACA,CAAAA,EAAA,UAAA,GAAAa,EAAA,cAAA;AAAA;MAEF,CAAA;AAEF,aAAAY,EAAA,OAAA,MAAA,WACEC,EAAAA,CAAAA,EAAAA,EAAAA,cAAAA,IAAAA,EAAAA,MAAAA,OACAA;AAAA,IAGJ,CAAA;;AAEO,UAAAC;;;QACqC,QAAA,CAAA,UAAA,MAAA;AAAA,QAA4B,QAAA3B,EAAA;AAAA;;;;QAK9C,OAAAiB,IAAA,cAAAjB,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAO,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA;;UAImB,eAAA;AAAA;;;;;UAGF,kBAAA;AAAA,UAC3C,WAAA;AAAA;;UAGD,UAAAP,EAAA;AAAA,QACC,GAAAY,CAAA,GAAA,IAAA,CAAA;AAAA;;MAK5B,CAAA;AAAA;EAGP;AACF,CAAA;"}

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

@@ -1,2 +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;
+"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 q=require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");const v=require("../../hooks/useReferenceArrayInput.cjs"),g=require("../../setup/index.cjs"),h=require("@vueuse/core"),i=require("element-plus"),m=require("vue-router"),N=e.defineComponent({name:"SkyTreeWithDetails",inheritAttrs:!1,props:{create:Object,edit:Object,optionChildren:{type:String,default:"children"},optionName:{type:String,default:"name"},nodeKey:{type:String,default:"id"},size:{type:Number,default:30}},setup(t,{attrs:s}){const l=m.useRoute();let n;const{state:d,isLoading:o,execute:u}=h.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);q.useProvideTreeWithDetails({createSuccess:async()=>{await u(),c.value++},editSuccess:async()=>{await u()},deleteSuccess:async()=>{await u(),r.value=void 0}}),v.useProvideReferenceArrayInput({reference:l.meta.resource,getList:a=>u(0,a),listData:d,listLoading:o});const y=e.computed(()=>r.value?[r.value]:[]);return()=>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:!1,accordion:!0,expandOnClickNode:!1,nodeKey:t.nodeKey,"onNode-click":f,highlightCurrent:!0,currentNodeKey:r.value,defaultCheckedKeys:y.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=N;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +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"}
+{"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 { computed, 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  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    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    const defaultCheckedKeys = computed(() => (editId.value ? [editId.value] : []))\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={false}\n                  accordion={true}\n                  expandOnClickNode={false}\n                  nodeKey={props.nodeKey}\n                  onNode-click={onNodeClick}\n                  highlightCurrent\n                  currentNodeKey={editId.value}\n                  defaultCheckedKeys={defaultCheckedKeys.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","nodeKey","size","attrs","route","useRoute","controller","execute","useAsyncState","filter","pagination","page","immediate","editId","ref","createNum","useProvideTreeWithDetails","useProvideReferenceArrayInput","reference","listData","listLoading","defaultCheckedKeys","computed","_createVNode","state","onNodeClick","h"],"mappings":"qmCAiBAA,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,QAAAA,CACEH,KAAAA,OACAC,QAAAA,MAEFG,KAAAA,CACEJ,KAAAA,OACAC,QAAAA,EACF,YAEaI,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,4BAAAA,+HAcE,CACF,CAAA,EAGAC,gCAAAA,CACEC,UAAAA,EAAAA,KAAAA,2BAEAC,SAAAA,EACAC,YAAAA,CACF,CAAA,EAEA,MAAAC,EAAAC,EAAAA,SAAA,IAAAT,EAAA,MAAA,CAAAA,EAAA,KAAA,EAAA,EAAA,EAEA,MAAA,IAAAU,EAAAA,YAAA,MAAA,CAAO,MAAA,sDAAAxB,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,KAAAyB,EAAA,OAAA,0DAGkC,iBAAA,GAC3C,UAAA,GACR,kBAAA,qBAEO,eAAAC,EACG,iBAAA,0BAEG,mBAAAJ,EAAA,KACgB,EAAAlB,CAAA,EAAA,IAAA,CAAA,CACnC,CAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,OAAA,SAKS,EAAA,CAAAJ,QAAAA,IAAAA,CAAAA,EAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAAA,EAAAA,KAAAA,2BAGsC,CAAA,EAAA,KAAAL,EAAA,OAAAgC,EAAAA,EAAAhC,EAAA,OAAA,oBAIpD,CAAA,CAAA,KAKpB,CACF,CAAA"}

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

@@ -4,7 +4,6 @@ export interface SkyTreeWithDetailsProps {
     edit?: SkyComponent;
     optionChildren?: string;
     optionName?: string;
-    defaultExpandAll?: boolean;
     nodeKey?: string;
     size?: number;
 }

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

@@ -3,7 +3,7 @@ import "element-plus/es/components/col/style/css";
 import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/skeleton/style/css";
 import "element-plus/es/components/tree/style/css";
-import { defineComponent as y, ref as m, createVNode as a, mergeProps as g, h as s } from "vue";
+import { defineComponent as v, ref as m, computed as g, createVNode as a, mergeProps as h, h as s } from "vue";
 import "../../hooks/useUser.mjs";
 import "../../hooks/usePermission.mjs";
 import "../../hooks/useMenu.mjs";
@@ -17,14 +17,14 @@ import "../../hooks/useHiddenTitle.mjs";
 import "../../hooks/useForm.mjs";
 import "../../hooks/useShow.mjs";
 import "../../hooks/useReferenceArrayField.mjs";
-import { useProvideTreeWithDetails as v } from "../../hooks/useTreeWithDetails.mjs";
+import { useProvideTreeWithDetails as k } from "../../hooks/useTreeWithDetails.mjs";
 import "../../hooks/useFormGrid.mjs";
-import { useProvideReferenceArrayInput as h } from "../../hooks/useReferenceArrayInput.mjs";
-import { skyConfig as k } from "../../setup/index.mjs";
-import { useAsyncState as C } from "@vueuse/core";
-import { ElRow as S, ElCol as c, ElCard as N, ElSkeleton as E, ElTree as A } from "element-plus";
-import { useRoute as w } from "vue-router";
-const _ = /* @__PURE__ */ y({
+import { useProvideReferenceArrayInput as C } from "../../hooks/useReferenceArrayInput.mjs";
+import { skyConfig as S } from "../../setup/index.mjs";
+import { useAsyncState as N } from "@vueuse/core";
+import { ElRow as K, ElCol as c, ElCard as w, ElSkeleton as E, ElTree as b } from "element-plus";
+import { useRoute as A } from "vue-router";
+const ee = /* @__PURE__ */ v({
   name: "SkyTreeWithDetails",
   inheritAttrs: !1,
   props: {
@@ -38,10 +38,6 @@ const _ = /* @__PURE__ */ y({
       type: String,
       default: "name"
     },
-    defaultExpandAll: {
-      type: Boolean,
-      default: !0
-    },
     nodeKey: {
       type: String,
       default: "id"
@@ -54,25 +50,25 @@ const _ = /* @__PURE__ */ y({
   setup(e, {
     attrs: f
   }) {
-    const l = w();
-    let o;
+    const o = A();
+    let l;
     const {
       state: n,
       isLoading: d,
       execute: r
-    } = C(async (i) => (o = new AbortController(), k.dataProvider?.getList?.(l.meta.resource, {
+    } = N(async (i) => (l = new AbortController(), S.dataProvider?.getList?.(o.meta.resource, {
       pagination: {
         page: 1,
         perPage: e.size
       },
       filter: i,
-      signal: o.signal
+      signal: l.signal
     })), void 0, {
       immediate: !0
     }), p = (i) => {
       t.value === i[e.nodeKey] ? t.value = void 0 : t.value = i[e.nodeKey];
     }, t = m(), u = m(0);
-    return v({
+    k({
       createSuccess: async () => {
         await r(), u.value++;
       },
@@ -82,34 +78,38 @@ const _ = /* @__PURE__ */ y({
       deleteSuccess: async () => {
         await r(), t.value = void 0;
       }
-    }), h({
-      reference: l.meta.resource,
+    }), C({
+      reference: o.meta.resource,
       getList: (i) => r(0, i),
       listData: n,
       listLoading: d
-    }), () => a("div", {
+    });
+    const y = g(() => t.value ? [t.value] : []);
+    return () => a("div", {
       class: "sky-tree-with-details"
-    }, [a(S, null, {
+    }, [a(K, null, {
       default: () => [a(c, {
         span: 8
       }, {
-        default: () => [a(N, null, {
+        default: () => [a(w, null, {
           default: () => [a(E, {
             loading: d.value,
             animated: !0
           }, {
-            default: () => [a(A, g({
+            default: () => [a(b, h({
               data: n.value?.data,
               props: {
                 children: e.optionChildren,
                 label: e.optionName
               },
-              defaultExpandAll: e.defaultExpandAll,
+              defaultExpandAll: !1,
+              accordion: !0,
               expandOnClickNode: !1,
               nodeKey: e.nodeKey,
               "onNode-click": p,
               highlightCurrent: !0,
-              currentNodeKey: t.value
+              currentNodeKey: t.value,
+              defaultCheckedKeys: y.value
             }, f), null)]
           })]
         })]
@@ -128,6 +128,6 @@ const _ = /* @__PURE__ */ y({
   }
 });
 export {
-  _ as SkyTreeWithDetails
+  ee as SkyTreeWithDetails
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,gBAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFC,YAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFE,kBAAAA;AAAAA,MACEH,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFG,SAAAA;AAAAA,MACEJ,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFI,MAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAC,SAAAA;AAAAA,IACF;AAAA;;IAEaK,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA;AAEA,QAAAC;;;;MAC0BC,SAAAA;AAAAA,IAAQ,IAAAC,EAAA,OAAAC,OAK9BH,IAAAA,IAAAA,gBAAAA;MAEEI,YAAAA;AAAAA,QAAcC,MAAAA;AAAAA;;;;IAGhB,CAAA;MAIAC,WAAAA;AAAAA,IACF,CAAA;;OAYFC,IAAAC,EAAA,GACAC,IAAAD,EAAA,CAAA;AAEAE,WAAAA,EAAAA;AAAAA;;;;;;;;MAcE;AAAA,IACF,CAAA,GAGAC,EAAAA;AAAAA,MACEC,WAAAA,EAAAA,KAAAA;AAAAA;MAEAC,UAAAA;AAAAA,MACAC,aAAAA;AAAAA,IACF,CAAA,GAEA,MAAAC,EAAA,OAAA;AAAA,MAAO,OAAA;AAAA;MAAAvB,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;MAGa,GAAA;AAAA,QAAAA,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,MAAAA;AAAAA,UAAAA,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;YAE0B,UAAA;AAAA,UAAA,GAAA;AAAA,YAAAA,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,cAAA,MAAAwB,EAAA,OAAA;AAAA;;;;;cAIQ,mBAAA;AAAA;cAElB,gBAAAC;AAAA,cACG,kBAAA;AAAA,cAAA,gBAAAV,EAAA;AAAA,YAEG,GAAAV,CAAA,GAAA,IAAA,CAAA;AAAA,UACnB,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA;QAAA,QAAA;AAAA;MAKS,GAAA;AAAA,QAAAL,SAAAA,MAAAA,CAAAA,EAAAA,QAAAA,EAAAA,OAAAA,EAAAA,EAAAA,MAAAA;AAAAA;;QAGsC,CAAA,IAAA,OAAAL,EAAA,SAAA+B,EAAA/B,EAAA,QAAA;AAAA;;MAIpD,CAAA,CAAA;AAAA;EAKpB;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","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 { computed, 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  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    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    const defaultCheckedKeys = computed(() => (editId.value ? [editId.value] : []))\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={false}\n                  accordion={true}\n                  expandOnClickNode={false}\n                  nodeKey={props.nodeKey}\n                  onNode-click={onNodeClick}\n                  highlightCurrent\n                  currentNodeKey={editId.value}\n                  defaultCheckedKeys={defaultCheckedKeys.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","nodeKey","size","attrs","route","useRoute","controller","execute","useAsyncState","filter","pagination","page","immediate","editId","ref","createNum","useProvideTreeWithDetails","useProvideReferenceArrayInput","reference","listData","listLoading","defaultCheckedKeys","computed","_createVNode","state","onNodeClick","h"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAAA,KAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,gBAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFC,YAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFE,SAAAA;AAAAA,MACEH,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFG,MAAAA;AAAAA,MACEJ,MAAAA;AAAAA,MACAC,SAAAA;AAAAA,IACF;AAAA;;IAEaI,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA;AAEA,QAAAC;;;;MAC0BC,SAAAA;AAAAA,IAAQ,IAAAC,EAAA,OAAAC,OAK9BH,IAAAA,IAAAA,gBAAAA;MAEEI,YAAAA;AAAAA,QAAcC,MAAAA;AAAAA;;;;IAGhB,CAAA;MAIAC,WAAAA;AAAAA,IACF,CAAA;;OAYFC,IAAAC,EAAA,GACAC,IAAAD,EAAA,CAAA;AAEAE,IAAAA,EAAAA;AAAAA;;;;;;;;MAcE;AAAA,IACF,CAAA,GAGAC,EAAAA;AAAAA,MACEC,WAAAA,EAAAA,KAAAA;AAAAA;MAEAC,UAAAA;AAAAA,MACAC,aAAAA;AAAAA,IACF,CAAA;AAEA,UAAAC,IAAAC,EAAA,MAAAT,EAAA,QAAA,CAAAA,EAAA,KAAA,IAAA,EAAA;AAEA,WAAA,MAAAU,EAAA,OAAA;AAAA,MAAO,OAAA;AAAA;MAAAxB,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;MAGa,GAAA;AAAA,QAAAA,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,MAAAA;AAAAA,UAAAA,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;YAE0B,UAAA;AAAA,UAAA,GAAA;AAAA,YAAAA,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,cAAA,MAAAyB,EAAA,OAAA;AAAA;;;;cAGkC,kBAAA;AAAA,cAC3C,WAAA;AAAA,cACR,mBAAA;AAAA;cAEO,gBAAAC;AAAA,cACG,kBAAA;AAAA;cAEG,oBAAAJ,EAAA;AAAA,YACgB,GAAAlB,CAAA,GAAA,IAAA,CAAA;AAAA,UACnC,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA;QAAA,QAAA;AAAA;MAKS,GAAA;AAAA,QAAAJ,SAAAA,MAAAA,CAAAA,EAAAA,QAAAA,EAAAA,OAAAA,EAAAA,EAAAA,MAAAA;AAAAA;;QAGsC,CAAA,IAAA,OAAAL,EAAA,SAAAgC,EAAAhC,EAAA,QAAA;AAAA;;MAIpD,CAAA,CAAA;AAAA;EAKpB;AACF,CAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skyline-vue-admin",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "publishConfig": {
     "access": "public"
   },