skyline-vue-admin 0.0.7 → 0.0.9

package/dist/components/reference-array-input/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/reference-array-input/index.tsx"],"sourcesContent":["import type { GetListResult } from '@/provides'\nimport { useAsyncState } from '@vueuse/core'\nimport { defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { skyConfig } from '@/setup'\nimport { useProvideReferenceArrayInput } from '@/hooks'\n\nexport interface SkyReferenceArrayInputProps {\n  source: string\n  reference: string\n  size?: number\n}\n\nexport const SkyReferenceArrayInput = defineComponent<SkyReferenceArrayInputProps>({\n  name: 'SkyReferenceArrayInput',\n  props: {\n    reference: {\n      type: String,\n      required: true,\n    },\n    size: {\n      type: Number,\n      default: 30,\n    },\n    source: {\n      type: String,\n      required: true,\n    },\n  },\n  setup(props, { slots }) {\n    const route = useRoute()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    let controller: AbortController | undefined\n\n    const {\n      state: listData,\n      isLoading: listLoading,\n      execute,\n    } = useAsyncState<GetListResult | undefined, [filter?: Record<string, unknown>]>(\n      async (filter) => {\n        controller = new AbortController()\n        return skyConfig.dataProvider?.getList?.(props.reference, {\n          pagination: { page: 1, perPage: props.size! },\n          filter,\n          signal: controller.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: false,\n      },\n    )\n\n    useProvideReferenceArrayInput({\n      reference: props.reference,\n      getList: (filter?: Record<string, unknown>) => execute(0, filter),\n      listData,\n      listLoading,\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        {slots.default?.()}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyReferenceArrayInput","defineComponent","name","props","reference","type","String","required","size","Number","default","source","setup","slots","routeMeta","useRoute","meta","controller","state","listData","isLoading","listLoading","execute","useAsyncState","filter","AbortController","skyConfig","dataProvider","getList","pagination","page","perPage","signal","undefined","immediate","useProvideReferenceArrayInput","_createVNode","SkyCanAccess","resource"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,IAAyBC,gBAAAA,EAA6C;AAAA,EACjFC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,WAAW;AAAA,MACTC,MAAMC;AAAAA,MACNC,UAAU;AAAA;IAEZC,MAAM;AAAA,MACJH,MAAMI;AAAAA,MACNC,SAAS;AAAA;IAEXC,QAAQ;AAAA,MACNN,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;EAEFK,MAAMT,GAAO;AAAA,IAAEU,OAAAA;AAAAA,EAAM,GAAG;AAEtB,UAAMC,IADQC,EAAQ,EACEC;AAExB,QAAIC;AAEJ,UAAM;AAAA,MACJC,OAAOC;AAAAA,MACPC,WAAWC;AAAAA,MACXC,SAAAA;AAAAA,IACF,IAAIC,EACF,OAAOC,OACLP,IAAa,IAAIQ,gBAAe,GACzBC,EAAUC,cAAcC,UAAUzB,EAAMC,WAAW;AAAA,MACxDyB,YAAY;AAAA,QAAEC,MAAM;AAAA,QAAGC,SAAS5B,EAAMK;AAAAA;MACtCgB,QAAAA;AAAAA,MACAQ,QAAQf,EAAWe;AAAAA,IACrB,CAAC,IAEHC,QACA;AAAA,MACEC,WAAW;AAAA,IACb,CACF;AAEAC,WAAAA,EAA8B;AAAA,MAC5B/B,WAAWD,EAAMC;AAAAA,MACjBwB,SAAUJ,CAAAA,MAAqCF,EAAQ,GAAGE,CAAM;AAAA,MAChEL,UAAAA;AAAAA,MACAE,aAAAA;AAAAA,IACF,CAAC,GAEM,MAAAe,EAAAC,GAAA;AAAA,MAAA,UACmBvB,EAAUwB;AAAAA,MAAQ,QAAU,CAAC,UAAU,MAAM;AAAA,MAAC,QAAUnC,EAAMQ;AAAAA,IAAM,GAAA;AAAA,MAAAD,SAAAA,MAAA,CACzFG,EAAMH,UAAO,CAAI;AAAA,KAAA;AAAA,EAGxB;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/reference-array-input/index.tsx"],"sourcesContent":["import type { GetListResult } from '@/provides'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { defineComponent } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { skyConfig } from '@/setup'\r\nimport { useProvideReferenceArrayInput } from '@/hooks'\r\n\r\nexport interface SkyReferenceArrayInputProps {\r\n  source: string\r\n  reference: string\r\n  size?: number\r\n}\r\n\r\nexport const SkyReferenceArrayInput = defineComponent<SkyReferenceArrayInputProps>({\r\n  name: 'SkyReferenceArrayInput',\r\n  props: {\r\n    reference: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    size: {\r\n      type: Number,\r\n      default: 30,\r\n    },\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n  },\r\n  setup(props, { slots }) {\r\n    const route = useRoute()\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    let controller: AbortController | undefined\r\n\r\n    const {\r\n      state: listData,\r\n      isLoading: listLoading,\r\n      execute,\r\n    } = useAsyncState<GetListResult | undefined, [filter?: Record<string, unknown>]>(\r\n      async (filter) => {\r\n        controller = new AbortController()\r\n        return skyConfig.dataProvider?.getList?.(props.reference, {\r\n          pagination: { page: 1, perPage: props.size! },\r\n          filter,\r\n          signal: controller.signal,\r\n        })\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: false,\r\n      },\r\n    )\r\n\r\n    useProvideReferenceArrayInput({\r\n      reference: props.reference,\r\n      getList: (filter?: Record<string, unknown>) => execute(0, filter),\r\n      listData,\r\n      listLoading,\r\n    })\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\r\n        {slots.default?.()}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyReferenceArrayInput","defineComponent","name","props","reference","type","String","required","size","Number","default","source","setup","slots","routeMeta","useRoute","meta","controller","state","listData","isLoading","listLoading","execute","useAsyncState","filter","AbortController","skyConfig","dataProvider","getList","pagination","page","perPage","signal","undefined","immediate","useProvideReferenceArrayInput","_createVNode","SkyCanAccess","resource"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,IAAyBC,gBAAAA,EAA6C;AAAA,EACjFC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,WAAW;AAAA,MACTC,MAAMC;AAAAA,MACNC,UAAU;AAAA;IAEZC,MAAM;AAAA,MACJH,MAAMI;AAAAA,MACNC,SAAS;AAAA;IAEXC,QAAQ;AAAA,MACNN,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA;EAEFK,MAAMT,GAAO;AAAA,IAAEU,OAAAA;AAAAA,EAAM,GAAG;AAEtB,UAAMC,IADQC,EAAQ,EACEC;AAExB,QAAIC;AAEJ,UAAM;AAAA,MACJC,OAAOC;AAAAA,MACPC,WAAWC;AAAAA,MACXC,SAAAA;AAAAA,IACF,IAAIC,EACF,OAAOC,OACLP,IAAa,IAAIQ,gBAAe,GACzBC,EAAUC,cAAcC,UAAUzB,EAAMC,WAAW;AAAA,MACxDyB,YAAY;AAAA,QAAEC,MAAM;AAAA,QAAGC,SAAS5B,EAAMK;AAAAA;MACtCgB,QAAAA;AAAAA,MACAQ,QAAQf,EAAWe;AAAAA,IACrB,CAAC,IAEHC,QACA;AAAA,MACEC,WAAW;AAAA,IACb,CACF;AAEAC,WAAAA,EAA8B;AAAA,MAC5B/B,WAAWD,EAAMC;AAAAA,MACjBwB,SAAUJ,CAAAA,MAAqCF,EAAQ,GAAGE,CAAM;AAAA,MAChEL,UAAAA;AAAAA,MACAE,aAAAA;AAAAA,IACF,CAAC,GAEM,MAAAe,EAAAC,GAAA;AAAA,MAAA,UACmBvB,EAAUwB;AAAAA,MAAQ,QAAU,CAAC,UAAU,MAAM;AAAA,MAAC,QAAUnC,EAAMQ;AAAAA,IAAM,GAAA;AAAA,MAAAD,SAAAA,MAAA,CACzFG,EAAMH,UAAO,CAAI;AAAA,KAAA;AAAA,EAGxB;AACF,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/reference-field/index.tsx"],"sourcesContent":["import type { GetOneResult, Identifier } from '@/provides'\nimport { ElButton, ElLoadingDirective, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent, withDirectives } from 'vue'\nimport { useAsyncState } from '@vueuse/core'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useHiddenTitle } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { SkyCanAccess } from '../can-access'\nimport { skyConfig } from '@/setup'\n\nexport interface SkyReferenceFieldProps {\n  reference: string\n  source: string\n  id?: string\n  name?: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyReferenceField = defineComponent<SkyReferenceFieldProps & Partial<ButtonProps>>({\n  name: 'SkyReferenceField',\n  inheritAttrs: false,\n  props: {\n    reference: {\n      type: String,\n      required: true,\n    },\n    source: {\n      type: String,\n      required: true,\n    },\n    id: {\n      type: String,\n      default: 'id',\n    },\n    name: {\n      type: String,\n      default: 'name',\n    },\n    label: String,\n    row: Object,\n  },\n  setup(props, { attrs }) {\n    const router = useRouter()\n    const route = useRoute()\n    const hiddenTitle = useHiddenTitle()\n    const title = computed<string>(() => props.label || props.source)\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    let controller: AbortController | undefined\n    const { isLoading, state } = useAsyncState<GetOneResult | undefined>(\n      async () => {\n        const id = props.row?.[props.source]\n        if (id) {\n          controller = new AbortController()\n          return skyConfig.dataProvider?.getOne?.(props.reference, {\n            id: id as Identifier,\n            signal: controller.signal,\n          })\n        }\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    const field = computed(() => state.value?.data?.[props.name!] as string | undefined)\n\n    const onClick = () => {\n      const routeName = skyConfig.getShowRouteName(props.reference)\n      const id = props.row?.[props.id!]\n      if (id && router.hasRoute(routeName)) {\n        router.push({\n          name: routeName,\n          params: {\n            id: String(id),\n          },\n        })\n      }\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {field.value &&\n          withDirectives(\n            <div class=\"sky-reference-field\">\n              {hiddenTitle ? (\n                <ElButton type=\"primary\" text bg onClick={onClick} {...attrs}>\n                  {field.value}\n                </ElButton>\n              ) : (\n                <>\n                  {title.value && <h4>{title.value}</h4>}\n                  <ElButton type=\"primary\" text bg onClick={onClick} {...attrs}>\n                    {field.value}\n                  </ElButton>\n                </>\n              )}\n            </div>,\n            [[ElLoadingDirective, isLoading.value]],\n          )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyReferenceField","defineComponent","name","inheritAttrs","props","reference","type","required","source","id","default","label","row","attrs","router","useRouter","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","controller","state","immediate","field","params","_createVNode","ElButton","_mergeProps","_Fragment"],"mappings":"o7BAmBAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,oBACAC,aAAAA,GACAC,MAAAA,CACEC,UAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,OAAAA,CACEF,KAAAA,OACAC,SAAAA,IAEFE,GAAAA,CACEH,KAAAA,OACAI,QAAAA,MAEFR,KAAAA,CACEI,KAAAA,OACAI,QAAAA,QAEFC,MAAAA,OACAC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,UAAA,EACAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,eAAA,EACAC,EAAAC,EAAAA,SAAA,IAAAjB,EAAA,OAAAA,EAAA,MAAA,EACAkB,EAAAN,EAAA,KAEA,IAAAO,oBACmBC,MAAAA,uDAGf,GAAAf,EACEc,OAAAA,EAAAA,IAAAA,gEAEEd,GAAAA,iBAEF,CAAA,WAKFgB,UAAAA,EACF,CAAA,EAGFC,EAAAL,EAAAA,SAAA,IAAAG,EAAA,OAAA,OAAApB,EAAA,IAAA,CAAA,qGAOMF,KAAAA,EACAyB,OAAAA,aAEA,CACF,CAAA,+DAKwC,OAAA,CAAA,OAAA,MAAA,EAA0B,OAAAvB,EAAA,MAAsB,EAAA,6DAExE,MAAA,qBAAA,EAAA,CAAAc,EAAAU,cAAAC,EAAAA,SAAAC,EAAAA,WAAA,CAEE,KAAA,UAAA,KAAA,GAAA,GAAA,YACuC,EAAAjB,CAAA,EAAA,CAAWH,QAAAA,IAAAA,CAAAA,EAAAA,KAAAA,CAC9C,CAAA,EAAAkB,EAAAA,YAAAG,EAAAA,SAAA,KAAA,CAAAX,EAAA,OAAAQ,EAAAA,YAAA,KAAA,KAAA,CAAAR,EAAA,KAAA,CAAA,EAAAQ,EAAAA,YAAAC,EAAAA,SAAAC,aAAA,CAI0B,KAAA,UAAA,KAAA,GAAA,GAAA,YACW,EAAAjB,CAAA,EAAA,CAAWH,QAAAA,IAAAA,CAAAA,EAAAA,KAAAA,4CAU5E,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/reference-field/index.tsx"],"sourcesContent":["import type { GetOneResult, Identifier } from '@/provides'\r\nimport { ElButton, ElLoadingDirective, type ButtonProps } from 'element-plus'\r\nimport { computed, defineComponent, withDirectives } from 'vue'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport { useHiddenTitle } from '@/hooks'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport { skyConfig } from '@/setup'\r\n\r\nexport interface SkyReferenceFieldProps {\r\n  reference: string\r\n  source: string\r\n  id?: string\r\n  name?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyReferenceField = defineComponent<SkyReferenceFieldProps & Partial<ButtonProps>>({\r\n  name: 'SkyReferenceField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    reference: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    id: {\r\n      type: String,\r\n      default: 'id',\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 router = useRouter()\r\n    const route = useRoute()\r\n    const hiddenTitle = useHiddenTitle()\r\n    const title = computed<string>(() => props.label || props.source)\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading, state } = useAsyncState<GetOneResult | undefined>(\r\n      async () => {\r\n        const id = props.row?.[props.source]\r\n        if (id) {\r\n          controller = new AbortController()\r\n          return skyConfig.dataProvider?.getOne?.(props.reference, {\r\n            id: id as Identifier,\r\n            signal: controller.signal,\r\n          })\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const field = computed(() => state.value?.data?.[props.name!] as string | undefined)\r\n\r\n    const onClick = () => {\r\n      const routeName = skyConfig.getShowRouteName(props.reference)\r\n      const id = props.row?.[props.id!]\r\n      if (id && router.hasRoute(routeName)) {\r\n        router.push({\r\n          name: routeName,\r\n          params: {\r\n            id: String(id),\r\n          },\r\n        })\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {field.value &&\r\n          withDirectives(\r\n            <div class=\"sky-reference-field\">\r\n              {hiddenTitle ? (\r\n                <ElButton type=\"primary\" text bg onClick={onClick} {...attrs}>\r\n                  {field.value}\r\n                </ElButton>\r\n              ) : (\r\n                <>\r\n                  {title.value && <h4>{title.value}</h4>}\r\n                  <ElButton type=\"primary\" text bg onClick={onClick} {...attrs}>\r\n                    {field.value}\r\n                  </ElButton>\r\n                </>\r\n              )}\r\n            </div>,\r\n            [[ElLoadingDirective, isLoading.value]],\r\n          )}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyReferenceField","defineComponent","name","inheritAttrs","props","reference","type","required","source","id","default","label","row","attrs","router","useRouter","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","controller","state","immediate","field","params","_createVNode","ElButton","_mergeProps","_Fragment"],"mappings":"o7BAmBAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,oBACAC,aAAAA,GACAC,MAAAA,CACEC,UAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,OAAAA,CACEF,KAAAA,OACAC,SAAAA,IAEFE,GAAAA,CACEH,KAAAA,OACAI,QAAAA,MAEFR,KAAAA,CACEI,KAAAA,OACAI,QAAAA,QAEFC,MAAAA,OACAC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,UAAA,EACAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,eAAA,EACAC,EAAAC,EAAAA,SAAA,IAAAjB,EAAA,OAAAA,EAAA,MAAA,EACAkB,EAAAN,EAAA,KAEA,IAAAO,oBACmBC,MAAAA,uDAGf,GAAAf,EACEc,OAAAA,EAAAA,IAAAA,gEAEEd,GAAAA,iBAEF,CAAA,WAKFgB,UAAAA,EACF,CAAA,EAGFC,EAAAL,EAAAA,SAAA,IAAAG,EAAA,OAAA,OAAApB,EAAA,IAAA,CAAA,qGAOMF,KAAAA,EACAyB,OAAAA,aAEA,CACF,CAAA,+DAKwC,OAAA,CAAA,OAAA,MAAA,EAA0B,OAAAvB,EAAA,MAAsB,EAAA,6DAExE,MAAA,qBAAA,EAAA,CAAAc,EAAAU,cAAAC,EAAAA,SAAAC,EAAAA,WAAA,CAEE,KAAA,UAAA,KAAA,GAAA,GAAA,YACuC,EAAAjB,CAAA,EAAA,CAAWH,QAAAA,IAAAA,CAAAA,EAAAA,KAAAA,CAC9C,CAAA,EAAAkB,EAAAA,YAAAG,EAAAA,SAAA,KAAA,CAAAX,EAAA,OAAAQ,EAAAA,YAAA,KAAA,KAAA,CAAAR,EAAA,KAAA,CAAA,EAAAQ,EAAAA,YAAAC,EAAAA,SAAAC,aAAA,CAI0B,KAAA,UAAA,KAAA,GAAA,GAAA,YACW,EAAAjB,CAAA,EAAA,CAAWH,QAAAA,IAAAA,CAAAA,EAAAA,KAAAA,4CAU5E,CACF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/reference-field/index.tsx"],"sourcesContent":["import type { GetOneResult, Identifier } from '@/provides'\nimport { ElButton, ElLoadingDirective, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent, withDirectives } from 'vue'\nimport { useAsyncState } from '@vueuse/core'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useHiddenTitle } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { SkyCanAccess } from '../can-access'\nimport { skyConfig } from '@/setup'\n\nexport interface SkyReferenceFieldProps {\n  reference: string\n  source: string\n  id?: string\n  name?: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyReferenceField = defineComponent<SkyReferenceFieldProps & Partial<ButtonProps>>({\n  name: 'SkyReferenceField',\n  inheritAttrs: false,\n  props: {\n    reference: {\n      type: String,\n      required: true,\n    },\n    source: {\n      type: String,\n      required: true,\n    },\n    id: {\n      type: String,\n      default: 'id',\n    },\n    name: {\n      type: String,\n      default: 'name',\n    },\n    label: String,\n    row: Object,\n  },\n  setup(props, { attrs }) {\n    const router = useRouter()\n    const route = useRoute()\n    const hiddenTitle = useHiddenTitle()\n    const title = computed<string>(() => props.label || props.source)\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    let controller: AbortController | undefined\n    const { isLoading, state } = useAsyncState<GetOneResult | undefined>(\n      async () => {\n        const id = props.row?.[props.source]\n        if (id) {\n          controller = new AbortController()\n          return skyConfig.dataProvider?.getOne?.(props.reference, {\n            id: id as Identifier,\n            signal: controller.signal,\n          })\n        }\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    const field = computed(() => state.value?.data?.[props.name!] as string | undefined)\n\n    const onClick = () => {\n      const routeName = skyConfig.getShowRouteName(props.reference)\n      const id = props.row?.[props.id!]\n      if (id && router.hasRoute(routeName)) {\n        router.push({\n          name: routeName,\n          params: {\n            id: String(id),\n          },\n        })\n      }\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {field.value &&\n          withDirectives(\n            <div class=\"sky-reference-field\">\n              {hiddenTitle ? (\n                <ElButton type=\"primary\" text bg onClick={onClick} {...attrs}>\n                  {field.value}\n                </ElButton>\n              ) : (\n                <>\n                  {title.value && <h4>{title.value}</h4>}\n                  <ElButton type=\"primary\" text bg onClick={onClick} {...attrs}>\n                    {field.value}\n                  </ElButton>\n                </>\n              )}\n            </div>,\n            [[ElLoadingDirective, isLoading.value]],\n          )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyReferenceField","defineComponent","name","inheritAttrs","props","reference","type","required","source","id","default","label","row","attrs","router","useRouter","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","controller","state","immediate","field","params","_createVNode","ElButton","_mergeProps","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,WAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,QAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFE,IAAAA;AAAAA,MACEH,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFR,MAAAA;AAAAA,MACEI,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAjB,EAAA,SAAAA,EAAA,MAAA,GACAkB,IAAAN,EAAA;AAEA,QAAAO;;;MACmBC,OAAAA;AAAAA;;AAGf,UAAAf;AACEc,eAAAA,IAAAA,IAAAA,gBAAAA;UAEEd,IAAAA;AAAAA;QAEF,CAAA;AAAA;MAKFgB,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAAL,EAAA,MAAAG,EAAA,OAAA,OAAApB,EAAA,IAAA,CAAA;;;QAOMF,MAAAA;AAAAA,QACAyB,QAAAA;AAAAA;QAEA;AAAA,MACF,CAAA;AAAA;;;MAKwC,QAAA,CAAA,QAAA,MAAA;AAAA,MAA0B,QAAAvB,EAAA;AAAA,IAAsB,GAAA;AAAA;QAExE,OAAA;AAAA,MAAA,GAAA,CAAAc,IAAAU,EAAAC,GAAAC,EAAA;AAAA,QAEE,MAAA;AAAA,QAAA,MAAA;AAAA,QAAA,IAAA;AAAA;MACuC,GAAAjB,CAAA,GAAA;AAAA,QAAWH,SAAAA,MAAAA,CAAAA,EAAAA,KAAAA;AAAAA,MAC9C,CAAA,IAAAkB,EAAAG,GAAA,MAAA,CAAAX,EAAA,SAAAQ,EAAA,MAAA,MAAA,CAAAR,EAAA,KAAA,CAAA,GAAAQ,EAAAC,GAAAC,EAAA;AAAA,QAI0B,MAAA;AAAA,QAAA,MAAA;AAAA,QAAA,IAAA;AAAA;MACW,GAAAjB,CAAA,GAAA;AAAA,QAAWH,SAAAA,MAAAA,CAAAA,EAAAA,KAAAA;AAAAA;;EAU5E;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/reference-field/index.tsx"],"sourcesContent":["import type { GetOneResult, Identifier } from '@/provides'\r\nimport { ElButton, ElLoadingDirective, type ButtonProps } from 'element-plus'\r\nimport { computed, defineComponent, withDirectives } from 'vue'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport { useHiddenTitle } from '@/hooks'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport { skyConfig } from '@/setup'\r\n\r\nexport interface SkyReferenceFieldProps {\r\n  reference: string\r\n  source: string\r\n  id?: string\r\n  name?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyReferenceField = defineComponent<SkyReferenceFieldProps & Partial<ButtonProps>>({\r\n  name: 'SkyReferenceField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    reference: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    id: {\r\n      type: String,\r\n      default: 'id',\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 router = useRouter()\r\n    const route = useRoute()\r\n    const hiddenTitle = useHiddenTitle()\r\n    const title = computed<string>(() => props.label || props.source)\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading, state } = useAsyncState<GetOneResult | undefined>(\r\n      async () => {\r\n        const id = props.row?.[props.source]\r\n        if (id) {\r\n          controller = new AbortController()\r\n          return skyConfig.dataProvider?.getOne?.(props.reference, {\r\n            id: id as Identifier,\r\n            signal: controller.signal,\r\n          })\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const field = computed(() => state.value?.data?.[props.name!] as string | undefined)\r\n\r\n    const onClick = () => {\r\n      const routeName = skyConfig.getShowRouteName(props.reference)\r\n      const id = props.row?.[props.id!]\r\n      if (id && router.hasRoute(routeName)) {\r\n        router.push({\r\n          name: routeName,\r\n          params: {\r\n            id: String(id),\r\n          },\r\n        })\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {field.value &&\r\n          withDirectives(\r\n            <div class=\"sky-reference-field\">\r\n              {hiddenTitle ? (\r\n                <ElButton type=\"primary\" text bg onClick={onClick} {...attrs}>\r\n                  {field.value}\r\n                </ElButton>\r\n              ) : (\r\n                <>\r\n                  {title.value && <h4>{title.value}</h4>}\r\n                  <ElButton type=\"primary\" text bg onClick={onClick} {...attrs}>\r\n                    {field.value}\r\n                  </ElButton>\r\n                </>\r\n              )}\r\n            </div>,\r\n            [[ElLoadingDirective, isLoading.value]],\r\n          )}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyReferenceField","defineComponent","name","inheritAttrs","props","reference","type","required","source","id","default","label","row","attrs","router","useRouter","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","controller","state","immediate","field","params","_createVNode","ElButton","_mergeProps","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,WAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,QAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFE,IAAAA;AAAAA,MACEH,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFR,MAAAA;AAAAA,MACEI,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAjB,EAAA,SAAAA,EAAA,MAAA,GACAkB,IAAAN,EAAA;AAEA,QAAAO;;;MACmBC,OAAAA;AAAAA;;AAGf,UAAAf;AACEc,eAAAA,IAAAA,IAAAA,gBAAAA;UAEEd,IAAAA;AAAAA;QAEF,CAAA;AAAA;MAKFgB,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAAL,EAAA,MAAAG,EAAA,OAAA,OAAApB,EAAA,IAAA,CAAA;;;QAOMF,MAAAA;AAAAA,QACAyB,QAAAA;AAAAA;QAEA;AAAA,MACF,CAAA;AAAA;;;MAKwC,QAAA,CAAA,QAAA,MAAA;AAAA,MAA0B,QAAAvB,EAAA;AAAA,IAAsB,GAAA;AAAA;QAExE,OAAA;AAAA,MAAA,GAAA,CAAAc,IAAAU,EAAAC,GAAAC,EAAA;AAAA,QAEE,MAAA;AAAA,QAAA,MAAA;AAAA,QAAA,IAAA;AAAA;MACuC,GAAAjB,CAAA,GAAA;AAAA,QAAWH,SAAAA,MAAAA,CAAAA,EAAAA,KAAAA;AAAAA,MAC9C,CAAA,IAAAkB,EAAAG,GAAA,MAAA,CAAAX,EAAA,SAAAQ,EAAA,MAAA,MAAA,CAAAR,EAAA,KAAA,CAAA,GAAAQ,EAAAC,GAAAC,EAAA;AAAA,QAI0B,MAAA;AAAA,QAAA,MAAA;AAAA,QAAA,IAAA;AAAA;MACW,GAAAjB,CAAA,GAAA;AAAA,QAAWH,SAAAA,MAAAA,CAAAA,EAAAA,KAAAA;AAAAA;;EAU5E;AACF,CAAA;"}

package/dist/components/reference-image-field/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/reference-image-field/index.tsx"],"sourcesContent":["import type { GetOneResult, Identifier } from '@/provides'\nimport { ElImage, ElLoadingDirective, type ImageProps } from 'element-plus'\nimport { computed, defineComponent, withDirectives } from 'vue'\nimport { useAsyncState } from '@vueuse/core'\nimport { useRoute } from 'vue-router'\nimport { useHiddenTitle } from '@/hooks'\nimport { skyConfig } from '@/setup'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyReferenceImageFieldProps {\n  reference: string\n  source: string\n  src?: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyReferenceImageField = defineComponent<\n  SkyReferenceImageFieldProps & Partial<ImageProps>\n>({\n  name: 'SkyReferenceImageField',\n  inheritAttrs: false,\n  props: {\n    reference: {\n      type: String,\n      required: true,\n    },\n    source: {\n      type: String,\n      required: true,\n    },\n    src: {\n      type: String,\n      default: 'src',\n    },\n    label: String,\n    row: Object,\n  },\n  setup(props, { attrs }) {\n    const route = useRoute()\n    const hiddenTitle = useHiddenTitle()\n    const title = computed<string>(() => props.label || props.source)\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    let controller: AbortController | undefined\n    const { isLoading, state } = useAsyncState<GetOneResult | undefined>(\n      async () => {\n        const id = props.row?.[props.source] as Identifier\n        if (id) {\n          controller = new AbortController()\n          return skyConfig.dataProvider?.getOne?.(props.reference, {\n            id,\n            signal: controller.signal,\n          })\n        }\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    const field = computed(() => state.value?.data?.[props.src!] as string | undefined)\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {field.value &&\n          withDirectives(\n            hiddenTitle ? (\n              <ElImage src={field.value} {...attrs} />\n            ) : (\n              <div class=\"sky-reference-image-field\">\n                {title.value && <h4>{title.value}</h4>}\n                <ElImage src={field.value} {...attrs} />\n              </div>\n            ),\n            [[ElLoadingDirective, isLoading.value]],\n          )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyReferenceImageField","defineComponent","name","inheritAttrs","props","reference","type","required","source","src","default","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","controller","state","id","immediate","field","_createVNode","ElImage","_mergeProps","ElLoadingDirective","isLoading"],"mappings":"m7BAkBAA,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,yBACAC,aAAAA,GACAC,MAAAA,CACEC,UAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,OAAAA,CACEF,KAAAA,OACAC,SAAAA,IAEFE,IAAAA,CACEH,KAAAA,OACAI,QAAAA,OAEFC,MAAAA,OACAC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,eAAA,EACAC,EAAAC,EAAAA,SAAA,IAAAf,EAAA,OAAAA,EAAA,MAAA,EACAgB,EAAAN,EAAA,KAEA,IAAAO,oBACmBC,MAAAA,uDAGf,GAAAC,EACEF,OAAAA,EAAAA,IAAAA,oFAIA,CAAA,WAKFG,UAAAA,EACF,CAAA,EAGFC,EAAAN,EAAAA,SAAA,IAAAG,EAAA,OAAA,OAAAlB,EAAA,GAAA,CAAA,8DAG4C,OAAA,CAAA,OAAA,MAAA,EAA0B,OAAAA,EAAA,MAAsB,EAAA,CAAAM,QAAAA,IAAAA,CAAAA,EAAAA,OAAAA,EAAAA,eAAAA,EAAAA,EAAAA,YAAAA,EAAAA,QAAAA,aAAAA,CAGzE,IAAAe,EAAA,qCAC2B,MAAA,2BAAA,EAAA,CAAAP,EAAA,OAAAQ,EAAAA,YAAA,KAAA,KAAA,CAAAR,EAAA,KAAA,CAAA,EAAAQ,cAAAC,EAAAA,QAAAC,EAAAA,WAAA,CAGI,IAAAH,EAAA,KACb,EAAAZ,CAAA,EAAA,IAAA,CAAA,CAAA,EAAA,CAAA,CAAAgB,qBAAAC,EAAA,KAAA,CAAA,CAAA,CAAA,GAOvC,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/reference-image-field/index.tsx"],"sourcesContent":["import type { GetOneResult, Identifier } from '@/provides'\r\nimport { ElImage, ElLoadingDirective, type ImageProps } from 'element-plus'\r\nimport { computed, defineComponent, withDirectives } from 'vue'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useRoute } from 'vue-router'\r\nimport { useHiddenTitle } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { SkyCanAccess } from '../can-access'\r\n\r\nexport interface SkyReferenceImageFieldProps {\r\n  reference: string\r\n  source: string\r\n  src?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyReferenceImageField = defineComponent<\r\n  SkyReferenceImageFieldProps & Partial<ImageProps>\r\n>({\r\n  name: 'SkyReferenceImageField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    reference: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    src: {\r\n      type: String,\r\n      default: 'src',\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 title = computed<string>(() => props.label || props.source)\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading, state } = useAsyncState<GetOneResult | undefined>(\r\n      async () => {\r\n        const id = props.row?.[props.source] as Identifier\r\n        if (id) {\r\n          controller = new AbortController()\r\n          return skyConfig.dataProvider?.getOne?.(props.reference, {\r\n            id,\r\n            signal: controller.signal,\r\n          })\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const field = computed(() => state.value?.data?.[props.src!] as string | undefined)\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {field.value &&\r\n          withDirectives(\r\n            hiddenTitle ? (\r\n              <ElImage src={field.value} {...attrs} />\r\n            ) : (\r\n              <div class=\"sky-reference-image-field\">\r\n                {title.value && <h4>{title.value}</h4>}\r\n                <ElImage src={field.value} {...attrs} />\r\n              </div>\r\n            ),\r\n            [[ElLoadingDirective, isLoading.value]],\r\n          )}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyReferenceImageField","defineComponent","name","inheritAttrs","props","reference","type","required","source","src","default","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","controller","state","id","immediate","field","_createVNode","ElImage","_mergeProps","ElLoadingDirective","isLoading"],"mappings":"m7BAkBAA,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,yBACAC,aAAAA,GACAC,MAAAA,CACEC,UAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,OAAAA,CACEF,KAAAA,OACAC,SAAAA,IAEFE,IAAAA,CACEH,KAAAA,OACAI,QAAAA,OAEFC,MAAAA,OACAC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,eAAA,EACAC,EAAAC,EAAAA,SAAA,IAAAf,EAAA,OAAAA,EAAA,MAAA,EACAgB,EAAAN,EAAA,KAEA,IAAAO,oBACmBC,MAAAA,uDAGf,GAAAC,EACEF,OAAAA,EAAAA,IAAAA,oFAIA,CAAA,WAKFG,UAAAA,EACF,CAAA,EAGFC,EAAAN,EAAAA,SAAA,IAAAG,EAAA,OAAA,OAAAlB,EAAA,GAAA,CAAA,8DAG4C,OAAA,CAAA,OAAA,MAAA,EAA0B,OAAAA,EAAA,MAAsB,EAAA,CAAAM,QAAAA,IAAAA,CAAAA,EAAAA,OAAAA,EAAAA,eAAAA,EAAAA,EAAAA,YAAAA,EAAAA,QAAAA,aAAAA,CAGzE,IAAAe,EAAA,qCAC2B,MAAA,2BAAA,EAAA,CAAAP,EAAA,OAAAQ,EAAAA,YAAA,KAAA,KAAA,CAAAR,EAAA,KAAA,CAAA,EAAAQ,cAAAC,EAAAA,QAAAC,EAAAA,WAAA,CAGI,IAAAH,EAAA,KACb,EAAAZ,CAAA,EAAA,IAAA,CAAA,CAAA,EAAA,CAAA,CAAAgB,qBAAAC,EAAA,KAAA,CAAA,CAAA,CAAA,GAOvC,CACF,CAAA"}

package/dist/components/reference-image-field/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/reference-image-field/index.tsx"],"sourcesContent":["import type { GetOneResult, Identifier } from '@/provides'\nimport { ElImage, ElLoadingDirective, type ImageProps } from 'element-plus'\nimport { computed, defineComponent, withDirectives } from 'vue'\nimport { useAsyncState } from '@vueuse/core'\nimport { useRoute } from 'vue-router'\nimport { useHiddenTitle } from '@/hooks'\nimport { skyConfig } from '@/setup'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyReferenceImageFieldProps {\n  reference: string\n  source: string\n  src?: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyReferenceImageField = defineComponent<\n  SkyReferenceImageFieldProps & Partial<ImageProps>\n>({\n  name: 'SkyReferenceImageField',\n  inheritAttrs: false,\n  props: {\n    reference: {\n      type: String,\n      required: true,\n    },\n    source: {\n      type: String,\n      required: true,\n    },\n    src: {\n      type: String,\n      default: 'src',\n    },\n    label: String,\n    row: Object,\n  },\n  setup(props, { attrs }) {\n    const route = useRoute()\n    const hiddenTitle = useHiddenTitle()\n    const title = computed<string>(() => props.label || props.source)\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    let controller: AbortController | undefined\n    const { isLoading, state } = useAsyncState<GetOneResult | undefined>(\n      async () => {\n        const id = props.row?.[props.source] as Identifier\n        if (id) {\n          controller = new AbortController()\n          return skyConfig.dataProvider?.getOne?.(props.reference, {\n            id,\n            signal: controller.signal,\n          })\n        }\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    const field = computed(() => state.value?.data?.[props.src!] as string | undefined)\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {field.value &&\n          withDirectives(\n            hiddenTitle ? (\n              <ElImage src={field.value} {...attrs} />\n            ) : (\n              <div class=\"sky-reference-image-field\">\n                {title.value && <h4>{title.value}</h4>}\n                <ElImage src={field.value} {...attrs} />\n              </div>\n            ),\n            [[ElLoadingDirective, isLoading.value]],\n          )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyReferenceImageField","defineComponent","name","inheritAttrs","props","reference","type","required","source","src","default","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","controller","state","id","immediate","field","_createVNode","ElImage","_mergeProps","ElLoadingDirective","isLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EAGEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,WAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,QAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFE,KAAAA;AAAAA,MACEH,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAf,EAAA,SAAAA,EAAA,MAAA,GACAgB,IAAAN,EAAA;AAEA,QAAAO;;;MACmBC,OAAAA;AAAAA;;AAGf,UAAAC;AACEF,eAAAA,IAAAA,IAAAA,gBAAAA;;;QAIA,CAAA;AAAA;MAKFG,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAAN,EAAA,MAAAG,EAAA,OAAA,OAAAlB,EAAA,GAAA,CAAA;;;MAG4C,QAAA,CAAA,QAAA,MAAA;AAAA,MAA0B,QAAAA,EAAA;AAAA,IAAsB,GAAA;AAAA,MAAAM,SAAAA,MAAAA,CAAAA,EAAAA,SAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAAA;AAAAA,QAGzE,KAAAe,EAAA;AAAA;QAC2B,OAAA;AAAA,MAAA,GAAA,CAAAP,EAAA,SAAAQ,EAAA,MAAA,MAAA,CAAAR,EAAA,KAAA,CAAA,GAAAQ,EAAAC,GAAAC,EAAA;AAAA,QAGI,KAAAH,EAAA;AAAA,MACb,GAAAZ,CAAA,GAAA,IAAA,CAAA,CAAA,GAAA,CAAA,CAAAgB,GAAAC,EAAA,KAAA,CAAA,CAAA,CAAA;AAAA;EAOvC;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/reference-image-field/index.tsx"],"sourcesContent":["import type { GetOneResult, Identifier } from '@/provides'\r\nimport { ElImage, ElLoadingDirective, type ImageProps } from 'element-plus'\r\nimport { computed, defineComponent, withDirectives } from 'vue'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useRoute } from 'vue-router'\r\nimport { useHiddenTitle } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { SkyCanAccess } from '../can-access'\r\n\r\nexport interface SkyReferenceImageFieldProps {\r\n  reference: string\r\n  source: string\r\n  src?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyReferenceImageField = defineComponent<\r\n  SkyReferenceImageFieldProps & Partial<ImageProps>\r\n>({\r\n  name: 'SkyReferenceImageField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    reference: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    src: {\r\n      type: String,\r\n      default: 'src',\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 title = computed<string>(() => props.label || props.source)\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading, state } = useAsyncState<GetOneResult | undefined>(\r\n      async () => {\r\n        const id = props.row?.[props.source] as Identifier\r\n        if (id) {\r\n          controller = new AbortController()\r\n          return skyConfig.dataProvider?.getOne?.(props.reference, {\r\n            id,\r\n            signal: controller.signal,\r\n          })\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const field = computed(() => state.value?.data?.[props.src!] as string | undefined)\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {field.value &&\r\n          withDirectives(\r\n            hiddenTitle ? (\r\n              <ElImage src={field.value} {...attrs} />\r\n            ) : (\r\n              <div class=\"sky-reference-image-field\">\r\n                {title.value && <h4>{title.value}</h4>}\r\n                <ElImage src={field.value} {...attrs} />\r\n              </div>\r\n            ),\r\n            [[ElLoadingDirective, isLoading.value]],\r\n          )}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyReferenceImageField","defineComponent","name","inheritAttrs","props","reference","type","required","source","src","default","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","controller","state","id","immediate","field","_createVNode","ElImage","_mergeProps","ElLoadingDirective","isLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EAGEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,WAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,QAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFE,KAAAA;AAAAA,MACEH,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAf,EAAA,SAAAA,EAAA,MAAA,GACAgB,IAAAN,EAAA;AAEA,QAAAO;;;MACmBC,OAAAA;AAAAA;;AAGf,UAAAC;AACEF,eAAAA,IAAAA,IAAAA,gBAAAA;;;QAIA,CAAA;AAAA;MAKFG,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAAN,EAAA,MAAAG,EAAA,OAAA,OAAAlB,EAAA,GAAA,CAAA;;;MAG4C,QAAA,CAAA,QAAA,MAAA;AAAA,MAA0B,QAAAA,EAAA;AAAA,IAAsB,GAAA;AAAA,MAAAM,SAAAA,MAAAA,CAAAA,EAAAA,SAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAAA;AAAAA,QAGzE,KAAAe,EAAA;AAAA;QAC2B,OAAA;AAAA,MAAA,GAAA,CAAAP,EAAA,SAAAQ,EAAA,MAAA,MAAA,CAAAR,EAAA,KAAA,CAAA,GAAAQ,EAAAC,GAAAC,EAAA;AAAA,QAGI,KAAAH,EAAA;AAAA,MACb,GAAAZ,CAAA,GAAA,IAAA,CAAA,CAAA,GAAA,CAAA,CAAAgB,GAAAC,EAAA,KAAA,CAAA,CAAA,CAAA;AAAA;EAOvC;AACF,CAAA;"}

package/dist/components/show/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/show/index.tsx"],"sourcesContent":["import { useProvideHiddenTitle, useProvideShow } from '@/hooks'\nimport { skyConfig } from '@/setup'\nimport { useAsyncState } from '@vueuse/core'\nimport { ElCard, ElSkeleton, type CardProps } from 'element-plus'\nimport { defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport const SkyShow = defineComponent<Partial<CardProps>>({\n  name: 'SkyShow',\n  inheritAttrs: false,\n  setup(_props, { slots, attrs }) {\n    const route = useRoute()\n    const id = route.params.id as string\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    let controller: AbortController | undefined\n    const { state: data, isLoading } = useAsyncState(\n      async () => {\n        controller = new AbortController()\n        return skyConfig.dataProvider?.getOne?.(routeMeta.resource, {\n          id,\n          signal: controller.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    useProvideShow({\n      data,\n    })\n\n    // 详情下的所有 field 显示 title\n    useProvideHiddenTitle(false)\n\n    return () => (\n      <div class=\"sky-show\">\n        <SkyCanAccess resource={routeMeta.resource} action=\"show\" row={id}>\n          <ElCard {...attrs}>\n            <ElSkeleton loading={isLoading.value} animated>\n              {slots.default?.()}\n            </ElSkeleton>\n          </ElCard>\n        </SkyCanAccess>\n      </div>\n    )\n  },\n})\n"],"names":["SkyShow","defineComponent","name","inheritAttrs","attrs","route","useRoute","id","routeMeta","controller","state","isLoading","immediate","useProvideShow","data","_createVNode","default"],"mappings":"m/BASAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,UACAC,aAAAA,oBACuBC,MAAAA,CAAM,EAAA,CAC3B,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAF,EAAA,OAAA,GACAG,EAAAH,EAAA,KAEA,IAAAI,QACQC,MAAAA,EAAaC,UAAAA,6BAEjBF,EAAAA,IAAAA,mFAIA,CAAA,WAIAG,UAAAA,EACF,CAAA,EAGFC,OAAAA,iBAAAA,CACEC,KAAAA,CACF,CAAA,8BAKA,IAAAC,EAAAA,YAAA,MAAA,CAAO,MAAA,+DAEuC,OAAA,YAAuB,EAAA,CAAAC,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,OAAAA,EAAAA,CAC9CA,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,iBACqB,SAAA,EAAA,EAAA,CAAAA,QAAAA,IAAAA,CAAAA,EAAAA,UAAAA,CAAAA,CAChB,CAAA,CAAA,CAAA,CAAA,CAAA,KAM9B,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/show/index.tsx"],"sourcesContent":["import { useProvideHiddenTitle, useProvideShow } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { ElCard, ElSkeleton, type CardProps } from 'element-plus'\r\nimport { 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 const SkyShow = defineComponent<Partial<CardProps>>({\r\n  name: 'SkyShow',\r\n  inheritAttrs: false,\r\n  setup(_props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const id = route.params.id as string\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    let controller: AbortController | undefined\r\n    const { state: data, isLoading } = useAsyncState(\r\n      async () => {\r\n        controller = new AbortController()\r\n        return skyConfig.dataProvider?.getOne?.(routeMeta.resource, {\r\n          id,\r\n          signal: controller.signal,\r\n        })\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    useProvideShow({\r\n      data,\r\n    })\r\n\r\n    // 详情下的所有 field 显示 title\r\n    useProvideHiddenTitle(false)\r\n\r\n    return () => (\r\n      <div class=\"sky-show\">\r\n        <SkyCanAccess resource={routeMeta.resource} action=\"show\" row={id}>\r\n          <ElCard {...attrs}>\r\n            <ElSkeleton loading={isLoading.value} animated>\r\n              {slots.default?.()}\r\n            </ElSkeleton>\r\n          </ElCard>\r\n        </SkyCanAccess>\r\n      </div>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyShow","defineComponent","name","inheritAttrs","attrs","route","useRoute","id","routeMeta","controller","state","isLoading","immediate","useProvideShow","data","_createVNode","default"],"mappings":"m/BASAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,UACAC,aAAAA,oBACuBC,MAAAA,CAAM,EAAA,CAC3B,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAF,EAAA,OAAA,GACAG,EAAAH,EAAA,KAEA,IAAAI,QACQC,MAAAA,EAAaC,UAAAA,6BAEjBF,EAAAA,IAAAA,mFAIA,CAAA,WAIAG,UAAAA,EACF,CAAA,EAGFC,OAAAA,iBAAAA,CACEC,KAAAA,CACF,CAAA,8BAKA,IAAAC,EAAAA,YAAA,MAAA,CAAO,MAAA,+DAEuC,OAAA,YAAuB,EAAA,CAAAC,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,OAAAA,EAAAA,CAC9CA,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,iBACqB,SAAA,EAAA,EAAA,CAAAA,QAAAA,IAAAA,CAAAA,EAAAA,UAAAA,CAAAA,CAChB,CAAA,CAAA,CAAA,CAAA,CAAA,KAM9B,CACF,CAAA"}

package/dist/components/show/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/show/index.tsx"],"sourcesContent":["import { useProvideHiddenTitle, useProvideShow } from '@/hooks'\nimport { skyConfig } from '@/setup'\nimport { useAsyncState } from '@vueuse/core'\nimport { ElCard, ElSkeleton, type CardProps } from 'element-plus'\nimport { defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport const SkyShow = defineComponent<Partial<CardProps>>({\n  name: 'SkyShow',\n  inheritAttrs: false,\n  setup(_props, { slots, attrs }) {\n    const route = useRoute()\n    const id = route.params.id as string\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    let controller: AbortController | undefined\n    const { state: data, isLoading } = useAsyncState(\n      async () => {\n        controller = new AbortController()\n        return skyConfig.dataProvider?.getOne?.(routeMeta.resource, {\n          id,\n          signal: controller.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    useProvideShow({\n      data,\n    })\n\n    // 详情下的所有 field 显示 title\n    useProvideHiddenTitle(false)\n\n    return () => (\n      <div class=\"sky-show\">\n        <SkyCanAccess resource={routeMeta.resource} action=\"show\" row={id}>\n          <ElCard {...attrs}>\n            <ElSkeleton loading={isLoading.value} animated>\n              {slots.default?.()}\n            </ElSkeleton>\n          </ElCard>\n        </SkyCanAccess>\n      </div>\n    )\n  },\n})\n"],"names":["SkyShow","defineComponent","name","inheritAttrs","attrs","route","useRoute","id","routeMeta","controller","state","isLoading","immediate","useProvideShow","data","_createVNode","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA;;IACuBC,OAAAA;AAAAA,EAAM,GAAA;AAC3B,UAAAC,IAAAC,EAAA,GACAC,IAAAF,EAAA,OAAA,IACAG,IAAAH,EAAA;AAEA,QAAAI;;MACQC,OAAAA;AAAAA,MAAaC,WAAAA;AAAAA,uBAEjBF,IAAAA,IAAAA,gBAAAA;;;IAIA,CAAA;MAIAG,WAAAA;AAAAA,IACF,CAAA;AAGFC,WAAAA,EAAAA;AAAAA,MACEC,MAAAA;AAAAA,IACF,CAAA,UAKA,MAAAC,EAAA,OAAA;AAAA,MAAO,OAAA;AAAA;;MAEuC,QAAA;AAAA;IAAuB,GAAA;AAAA,MAAAC,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,GAAAA;AAAAA,QAC9CA,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;UACqB,UAAA;AAAA,QAAA,GAAA;AAAA,UAAAA,SAAAA,MAAAA,CAAAA,EAAAA,UAAAA,CAAAA;AAAAA,QAChB,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA;EAM9B;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/show/index.tsx"],"sourcesContent":["import { useProvideHiddenTitle, useProvideShow } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { ElCard, ElSkeleton, type CardProps } from 'element-plus'\r\nimport { 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 const SkyShow = defineComponent<Partial<CardProps>>({\r\n  name: 'SkyShow',\r\n  inheritAttrs: false,\r\n  setup(_props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const id = route.params.id as string\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    let controller: AbortController | undefined\r\n    const { state: data, isLoading } = useAsyncState(\r\n      async () => {\r\n        controller = new AbortController()\r\n        return skyConfig.dataProvider?.getOne?.(routeMeta.resource, {\r\n          id,\r\n          signal: controller.signal,\r\n        })\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    useProvideShow({\r\n      data,\r\n    })\r\n\r\n    // 详情下的所有 field 显示 title\r\n    useProvideHiddenTitle(false)\r\n\r\n    return () => (\r\n      <div class=\"sky-show\">\r\n        <SkyCanAccess resource={routeMeta.resource} action=\"show\" row={id}>\r\n          <ElCard {...attrs}>\r\n            <ElSkeleton loading={isLoading.value} animated>\r\n              {slots.default?.()}\r\n            </ElSkeleton>\r\n          </ElCard>\r\n        </SkyCanAccess>\r\n      </div>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyShow","defineComponent","name","inheritAttrs","attrs","route","useRoute","id","routeMeta","controller","state","isLoading","immediate","useProvideShow","data","_createVNode","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA;;IACuBC,OAAAA;AAAAA,EAAM,GAAA;AAC3B,UAAAC,IAAAC,EAAA,GACAC,IAAAF,EAAA,OAAA,IACAG,IAAAH,EAAA;AAEA,QAAAI;;MACQC,OAAAA;AAAAA,MAAaC,WAAAA;AAAAA,uBAEjBF,IAAAA,IAAAA,gBAAAA;;;IAIA,CAAA;MAIAG,WAAAA;AAAAA,IACF,CAAA;AAGFC,WAAAA,EAAAA;AAAAA,MACEC,MAAAA;AAAAA,IACF,CAAA,UAKA,MAAAC,EAAA,OAAA;AAAA,MAAO,OAAA;AAAA;;MAEuC,QAAA;AAAA;IAAuB,GAAA;AAAA,MAAAC,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,GAAAA;AAAAA,QAC9CA,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;UACqB,UAAA;AAAA,QAAA,GAAA;AAAA,UAAAA,SAAAA,MAAAA,CAAAA,EAAAA,UAAAA,CAAAA;AAAAA,QAChB,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA;EAM9B;AACF,CAAA;"}

package/dist/components/show-button/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/show-button/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\nimport { skyConfig } from '@/setup'\nimport { ElButton, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyShowButtonProps {\n  id?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyShowButton = defineComponent<SkyShowButtonProps & Partial<ButtonProps>>({\n  name: 'SkyShowButton',\n  inheritAttrs: false,\n  props: {\n    id: {\n      type: String,\n      default: 'id',\n    },\n    row: Object,\n  },\n  setup(props, { attrs }) {\n    const { t } = useI18n()\n    const router = useRouter()\n    const route = useRoute()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    const id = computed(() => {\n      const v = props.row?.[props.id!]\n      if (v) {\n        return String(v)\n      }\n    })\n\n    const onShow = () => {\n      const routeName = skyConfig.getShowRouteName(routeMeta.resource)\n      if (id.value && router.hasRoute(routeName)) {\n        router.push({\n          name: routeName,\n          params: {\n            id: id.value,\n          },\n        })\n      }\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action=\"show\" row={id.value}>\n        <ElButton link type=\"success\" onClick={onShow} {...attrs}>\n          {t('button.show')}\n        </ElButton>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyShowButton","defineComponent","name","inheritAttrs","props","id","type","default","row","attrs","t","router","useRouter","routeMeta","useRoute","computed","v","params","_slot"],"mappings":"8SAM4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAO5C,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,aAAAA,GACAC,MAAAA,CACEC,GAAAA,CACEC,KAAAA,OACAC,QAAAA,MAEFC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,OACXC,EAAAA,eACRC,EAAAC,EAAAA,UAAA,EAEAC,EADAC,EAAAA,SAAA,EACA,KACAT,EAAAU,EAAAA,SAAA,IAAA,uBAEE,GAAAC,kBAGF,CAAA,0FAMMd,KAAAA,EACAe,OAAAA,WAEA,CACF,CAAA,cAIG,IAAAC,2DACqC,OAAA,OAAA,IAAAb,EAAA,KAA6B,EAAA,CAAAE,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,KAAA,GAAA,KAAA,gEAElD,CAAA,CAAA,CAAA,CAAA,EAIzB,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/show-button/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\r\nimport { skyConfig } from '@/setup'\r\nimport { ElButton, type ButtonProps } from 'element-plus'\r\nimport { computed, defineComponent } from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\n\r\nexport interface SkyShowButtonProps {\r\n  id?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyShowButton = defineComponent<SkyShowButtonProps & Partial<ButtonProps>>({\r\n  name: 'SkyShowButton',\r\n  inheritAttrs: false,\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    row: Object,\r\n  },\r\n  setup(props, { attrs }) {\r\n    const { t } = useI18n()\r\n    const router = useRouter()\r\n    const route = useRoute()\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n    const id = computed(() => {\r\n      const v = props.row?.[props.id!]\r\n      if (v) {\r\n        return String(v)\r\n      }\r\n    })\r\n\r\n    const onShow = () => {\r\n      const routeName = skyConfig.getShowRouteName(routeMeta.resource)\r\n      if (id.value && router.hasRoute(routeName)) {\r\n        router.push({\r\n          name: routeName,\r\n          params: {\r\n            id: id.value,\r\n          },\r\n        })\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action=\"show\" row={id.value}>\r\n        <ElButton link type=\"success\" onClick={onShow} {...attrs}>\r\n          {t('button.show')}\r\n        </ElButton>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["_isSlot","s","_isVNode","SkyShowButton","defineComponent","name","inheritAttrs","props","id","type","default","row","attrs","t","router","useRouter","routeMeta","useRoute","computed","v","params","_slot"],"mappings":"8SAM4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAO5C,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,aAAAA,GACAC,MAAAA,CACEC,GAAAA,CACEC,KAAAA,OACAC,QAAAA,MAEFC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,OACXC,EAAAA,eACRC,EAAAC,EAAAA,UAAA,EAEAC,EADAC,EAAAA,SAAA,EACA,KACAT,EAAAU,EAAAA,SAAA,IAAA,uBAEE,GAAAC,kBAGF,CAAA,0FAMMd,KAAAA,EACAe,OAAAA,WAEA,CACF,CAAA,cAIG,IAAAC,2DACqC,OAAA,OAAA,IAAAb,EAAA,KAA6B,EAAA,CAAAE,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,KAAA,GAAA,KAAA,gEAElD,CAAA,CAAA,CAAA,CAAA,EAIzB,CACF,CAAA"}

package/dist/components/show-button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/show-button/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\nimport { skyConfig } from '@/setup'\nimport { ElButton, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyShowButtonProps {\n  id?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyShowButton = defineComponent<SkyShowButtonProps & Partial<ButtonProps>>({\n  name: 'SkyShowButton',\n  inheritAttrs: false,\n  props: {\n    id: {\n      type: String,\n      default: 'id',\n    },\n    row: Object,\n  },\n  setup(props, { attrs }) {\n    const { t } = useI18n()\n    const router = useRouter()\n    const route = useRoute()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    const id = computed(() => {\n      const v = props.row?.[props.id!]\n      if (v) {\n        return String(v)\n      }\n    })\n\n    const onShow = () => {\n      const routeName = skyConfig.getShowRouteName(routeMeta.resource)\n      if (id.value && router.hasRoute(routeName)) {\n        router.push({\n          name: routeName,\n          params: {\n            id: id.value,\n          },\n        })\n      }\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action=\"show\" row={id.value}>\n        <ElButton link type=\"success\" onClick={onShow} {...attrs}>\n          {t('button.show')}\n        </ElButton>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyShowButton","defineComponent","name","inheritAttrs","props","id","type","default","row","attrs","t","router","useRouter","routeMeta","useRoute","computed","v","params","_slot"],"mappings":";;;;;;;AAM4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAO5C,MAAAE,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,IAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;;MACXC,GAAAA;AAAAA,aACRC,IAAAC,EAAA,GAEAC,IADAC,EAAA,EACA,MACAT,IAAAU,EAAA,MAAA;;AAEE,UAAAC;;IAGF,CAAA;;;QAMMd,MAAAA;AAAAA,QACAe,QAAAA;AAAAA;QAEA;AAAA,MACF,CAAA;AAAA;;AAIG,UAAAC;;;QACqC,QAAA;AAAA,QAAA,KAAAb,EAAA;AAAA,MAA6B,GAAA;AAAA,QAAAE,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,UAAA,MAAA;AAAA,UAAA,MAAA;AAAA;;;QAElD,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAIzB;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/show-button/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\r\nimport { skyConfig } from '@/setup'\r\nimport { ElButton, type ButtonProps } from 'element-plus'\r\nimport { computed, defineComponent } from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\n\r\nexport interface SkyShowButtonProps {\r\n  id?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyShowButton = defineComponent<SkyShowButtonProps & Partial<ButtonProps>>({\r\n  name: 'SkyShowButton',\r\n  inheritAttrs: false,\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    row: Object,\r\n  },\r\n  setup(props, { attrs }) {\r\n    const { t } = useI18n()\r\n    const router = useRouter()\r\n    const route = useRoute()\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n    const id = computed(() => {\r\n      const v = props.row?.[props.id!]\r\n      if (v) {\r\n        return String(v)\r\n      }\r\n    })\r\n\r\n    const onShow = () => {\r\n      const routeName = skyConfig.getShowRouteName(routeMeta.resource)\r\n      if (id.value && router.hasRoute(routeName)) {\r\n        router.push({\r\n          name: routeName,\r\n          params: {\r\n            id: id.value,\r\n          },\r\n        })\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action=\"show\" row={id.value}>\r\n        <ElButton link type=\"success\" onClick={onShow} {...attrs}>\r\n          {t('button.show')}\r\n        </ElButton>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["_isSlot","s","_isVNode","SkyShowButton","defineComponent","name","inheritAttrs","props","id","type","default","row","attrs","t","router","useRouter","routeMeta","useRoute","computed","v","params","_slot"],"mappings":";;;;;;;AAM4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAO5C,MAAAE,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,IAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;;MACXC,GAAAA;AAAAA,aACRC,IAAAC,EAAA,GAEAC,IADAC,EAAA,EACA,MACAT,IAAAU,EAAA,MAAA;;AAEE,UAAAC;;IAGF,CAAA;;;QAMMd,MAAAA;AAAAA,QACAe,QAAAA;AAAAA;QAEA;AAAA,MACF,CAAA;AAAA;;AAIG,UAAAC;;;QACqC,QAAA;AAAA,QAAA,KAAAb,EAAA;AAAA,MAA6B,GAAA;AAAA,QAAAE,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,UAAA,MAAA;AAAA,UAAA,MAAA;AAAA;;;QAElD,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAIzB;AACF,CAAA;"}

package/dist/components/show-simple-layout/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/show-simple-layout/index.tsx"],"sourcesContent":["import { useShow } from '@/hooks'\nimport { cloneVNode, defineComponent } from 'vue'\n\nexport const SkyShowSimpleLayout = defineComponent({\n  name: 'SkyShowSimpleLayout',\n  setup(_props, { slots }) {\n    const { data } = useShow()!\n\n    // h(vnode.type as Component, { key: i, row, ...vnode.props }, (vnode.children as Slots)?.default) 等效于 cloneVNode(vnode, { row... })\n    return () => (\n      <div class=\"sky-show-simple-layout\">\n        {slots.default?.().map((vnode) => cloneVNode(vnode, { row: data.value?.data }))}\n      </div>\n    )\n  },\n})\n"],"names":["SkyShowSimpleLayout","defineComponent","name","setup","_props","slots","data","useShow","_createVNode","default","map","vnode","cloneVNode","row","value"],"mappings":"muBAGO,MAAMA,EAAsBC,EAAAA,gBAAgB,CACjDC,KAAM,sBACNC,MAAMC,EAAQ,CAAEC,MAAAA,CAAM,EAAG,CACvB,KAAM,CAAEC,KAAAA,GAASC,UAAO,EAGxB,MAAO,IAAAC,EAAAA,YAAA,MAAA,CAAA,MAAA,wBAAA,EAAA,CAEFH,EAAMI,UAAO,EAAKC,IAAKC,GAAUC,EAAAA,WAAWD,EAAO,CAAEE,IAAKP,EAAKQ,OAAOR,KAAM,CAAC,CAAC,CAAA,CAGrF,CACF,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/show-simple-layout/index.tsx"],"sourcesContent":["import { useShow } from '@/hooks'\r\nimport { cloneVNode, defineComponent } from 'vue'\r\n\r\nexport const SkyShowSimpleLayout = defineComponent({\r\n  name: 'SkyShowSimpleLayout',\r\n  setup(_props, { slots }) {\r\n    const { data } = useShow()!\r\n\r\n    // h(vnode.type as Component, { key: i, row, ...vnode.props }, (vnode.children as Slots)?.default) 等效于 cloneVNode(vnode, { row... })\r\n    return () => (\r\n      <div class=\"sky-show-simple-layout\">\r\n        {slots.default?.().map((vnode) => cloneVNode(vnode, { row: data.value?.data }))}\r\n      </div>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyShowSimpleLayout","defineComponent","name","setup","_props","slots","data","useShow","_createVNode","default","map","vnode","cloneVNode","row","value"],"mappings":"muBAGO,MAAMA,EAAsBC,EAAAA,gBAAgB,CACjDC,KAAM,sBACNC,MAAMC,EAAQ,CAAEC,MAAAA,CAAM,EAAG,CACvB,KAAM,CAAEC,KAAAA,GAASC,UAAO,EAGxB,MAAO,IAAAC,EAAAA,YAAA,MAAA,CAAA,MAAA,wBAAA,EAAA,CAEFH,EAAMI,UAAO,EAAKC,IAAKC,GAAUC,EAAAA,WAAWD,EAAO,CAAEE,IAAKP,EAAKQ,OAAOR,KAAM,CAAC,CAAC,CAAA,CAGrF,CACF,CAAC"}

package/dist/components/show-simple-layout/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/show-simple-layout/index.tsx"],"sourcesContent":["import { useShow } from '@/hooks'\nimport { cloneVNode, defineComponent } from 'vue'\n\nexport const SkyShowSimpleLayout = defineComponent({\n  name: 'SkyShowSimpleLayout',\n  setup(_props, { slots }) {\n    const { data } = useShow()!\n\n    // h(vnode.type as Component, { key: i, row, ...vnode.props }, (vnode.children as Slots)?.default) 等效于 cloneVNode(vnode, { row... })\n    return () => (\n      <div class=\"sky-show-simple-layout\">\n        {slots.default?.().map((vnode) => cloneVNode(vnode, { row: data.value?.data }))}\n      </div>\n    )\n  },\n})\n"],"names":["SkyShowSimpleLayout","defineComponent","name","setup","_props","slots","data","useShow","_createVNode","default","map","vnode","cloneVNode","row","value"],"mappings":";;;;;;;;;;;;;;;;;AAGO,MAAMA,IAAsBC,gBAAAA,EAAgB;AAAA,EACjDC,MAAM;AAAA,EACNC,MAAMC,GAAQ;AAAA,IAAEC,OAAAA;AAAAA,EAAM,GAAG;AACvB,UAAM;AAAA,MAAEC,MAAAA;AAAAA,QAASC,EAAO;AAGxB,WAAO,MAAAC,EAAA,OAAA;AAAA,MAAA,OAAA;AAAA,IAAA,GAAA,CAEFH,EAAMI,UAAO,EAAKC,IAAKC,CAAAA,MAAUC,EAAWD,GAAO;AAAA,MAAEE,KAAKP,EAAKQ,OAAOR;AAAAA,KAAM,CAAC,CAAC,CAAA;AAAA,EAGrF;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/show-simple-layout/index.tsx"],"sourcesContent":["import { useShow } from '@/hooks'\r\nimport { cloneVNode, defineComponent } from 'vue'\r\n\r\nexport const SkyShowSimpleLayout = defineComponent({\r\n  name: 'SkyShowSimpleLayout',\r\n  setup(_props, { slots }) {\r\n    const { data } = useShow()!\r\n\r\n    // h(vnode.type as Component, { key: i, row, ...vnode.props }, (vnode.children as Slots)?.default) 等效于 cloneVNode(vnode, { row... })\r\n    return () => (\r\n      <div class=\"sky-show-simple-layout\">\r\n        {slots.default?.().map((vnode) => cloneVNode(vnode, { row: data.value?.data }))}\r\n      </div>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyShowSimpleLayout","defineComponent","name","setup","_props","slots","data","useShow","_createVNode","default","map","vnode","cloneVNode","row","value"],"mappings":";;;;;;;;;;;;;;;;;AAGO,MAAMA,IAAsBC,gBAAAA,EAAgB;AAAA,EACjDC,MAAM;AAAA,EACNC,MAAMC,GAAQ;AAAA,IAAEC,OAAAA;AAAAA,EAAM,GAAG;AACvB,UAAM;AAAA,MAAEC,MAAAA;AAAAA,QAASC,EAAO;AAGxB,WAAO,MAAAC,EAAA,OAAA;AAAA,MAAA,OAAA;AAAA,IAAA,GAAA,CAEFH,EAAMI,UAAO,EAAKC,IAAKC,CAAAA,MAAUC,EAAWD,GAAO;AAAA,MAAEE,KAAKP,EAAKQ,OAAOR;AAAAA,KAAM,CAAC,CAAC,CAAA;AAAA,EAGrF;AACF,CAAC;"}

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

@@ -1 +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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/simple-form/index.tsx"],"sourcesContent":["import { useForm, useProvideFormGrid } from '@/hooks'\r\nimport { ElForm, type FormProps, type FormRules } from 'element-plus'\r\nimport { defineComponent, useTemplateRef, watchEffect } from 'vue'\r\n\r\nexport interface SkySimpleFormProps {\r\n  grid?: boolean\r\n  rules?: FormRules\r\n}\r\n\r\nexport const SkySimpleForm = defineComponent<SkySimpleFormProps & Partial<FormProps>>({\r\n  name: 'SkySimpleForm',\r\n  props: {\r\n    grid: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    rules: Object,\r\n  },\r\n  setup(props, { slots }) {\r\n    useProvideFormGrid(props.grid!)\r\n    const { formData, setFormRef } = useForm()!\r\n    const formRef = useTemplateRef<InstanceType<typeof ElForm> | null>('formRef')\r\n    watchEffect(() => {\r\n      setFormRef(formRef.value)\r\n    })\r\n    return () => (\r\n      <ElForm\r\n        ref=\"formRef\"\r\n        class={`sky-simple-form${props.grid ? ' is-grid' : ''}`}\r\n        model={formData}\r\n        label-position=\"top\"\r\n        rules={props.rules}\r\n      >\r\n        {slots.default?.()}\r\n      </ElForm>\r\n    )\r\n  },\r\n})\r\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.mjs.map

@@ -1 +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;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/simple-form/index.tsx"],"sourcesContent":["import { useForm, useProvideFormGrid } from '@/hooks'\r\nimport { ElForm, type FormProps, type FormRules } from 'element-plus'\r\nimport { defineComponent, useTemplateRef, watchEffect } from 'vue'\r\n\r\nexport interface SkySimpleFormProps {\r\n  grid?: boolean\r\n  rules?: FormRules\r\n}\r\n\r\nexport const SkySimpleForm = defineComponent<SkySimpleFormProps & Partial<FormProps>>({\r\n  name: 'SkySimpleForm',\r\n  props: {\r\n    grid: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    rules: Object,\r\n  },\r\n  setup(props, { slots }) {\r\n    useProvideFormGrid(props.grid!)\r\n    const { formData, setFormRef } = useForm()!\r\n    const formRef = useTemplateRef<InstanceType<typeof ElForm> | null>('formRef')\r\n    watchEffect(() => {\r\n      setFormRef(formRef.value)\r\n    })\r\n    return () => (\r\n      <ElForm\r\n        ref=\"formRef\"\r\n        class={`sky-simple-form${props.grid ? ' is-grid' : ''}`}\r\n        model={formData}\r\n        label-position=\"top\"\r\n        rules={props.rules}\r\n      >\r\n        {slots.default?.()}\r\n      </ElForm>\r\n    )\r\n  },\r\n})\r\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.map

@@ -1 +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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/single-field-list/index.tsx"],"sourcesContent":["import { useReferenceArrayField } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport { ElLoadingDirective } from 'element-plus'\r\nimport { cloneVNode, defineComponent, withDirectives } from 'vue'\r\nimport { useRouter } from 'vue-router'\r\n\r\nexport interface SkySingleFieldListProps {\r\n  id?: string\r\n}\r\n\r\nexport const SkySingleFieldList = defineComponent<SkySingleFieldListProps>({\r\n  name: 'SkySingleFieldList',\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n  },\r\n  setup(props, { slots }) {\r\n    const router = useRouter()\r\n    const { listData, listLoading, reference } = useReferenceArrayField()!\r\n\r\n    const onClick = (row?: Record<string, unknown>) => {\r\n      const routeName = skyConfig.getShowRouteName(reference)\r\n      if (row?.[props.id!] && router.hasRoute(routeName)) {\r\n        router.push({\r\n          name: routeName,\r\n          params: {\r\n            id: String(row[props.id!]),\r\n          },\r\n        })\r\n      }\r\n    }\r\n\r\n    return () =>\r\n      withDirectives(\r\n        <div class=\"sky-single-field-list\">\r\n          {listData.value?.data?.map((row) => (\r\n            <>{slots.default?.().map((vnode) => cloneVNode(vnode, { row, onClick }))}</>\r\n          ))}\r\n        </div>,\r\n        [[ElLoadingDirective, listLoading.value]],\r\n      )\r\n  },\r\n})\r\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.mjs.map

@@ -1 +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;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/single-field-list/index.tsx"],"sourcesContent":["import { useReferenceArrayField } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport { ElLoadingDirective } from 'element-plus'\r\nimport { cloneVNode, defineComponent, withDirectives } from 'vue'\r\nimport { useRouter } from 'vue-router'\r\n\r\nexport interface SkySingleFieldListProps {\r\n  id?: string\r\n}\r\n\r\nexport const SkySingleFieldList = defineComponent<SkySingleFieldListProps>({\r\n  name: 'SkySingleFieldList',\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n  },\r\n  setup(props, { slots }) {\r\n    const router = useRouter()\r\n    const { listData, listLoading, reference } = useReferenceArrayField()!\r\n\r\n    const onClick = (row?: Record<string, unknown>) => {\r\n      const routeName = skyConfig.getShowRouteName(reference)\r\n      if (row?.[props.id!] && router.hasRoute(routeName)) {\r\n        router.push({\r\n          name: routeName,\r\n          params: {\r\n            id: String(row[props.id!]),\r\n          },\r\n        })\r\n      }\r\n    }\r\n\r\n    return () =>\r\n      withDirectives(\r\n        <div class=\"sky-single-field-list\">\r\n          {listData.value?.data?.map((row) => (\r\n            <>{slots.default?.().map((vnode) => cloneVNode(vnode, { row, onClick }))}</>\r\n          ))}\r\n        </div>,\r\n        [[ElLoadingDirective, listLoading.value]],\r\n      )\r\n  },\r\n})\r\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-input/index.cjs.map

@@ -1 +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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/text-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\r\nimport { ElFormItem, ElInput, type FormItemRule, type InputProps } from 'element-plus'\r\nimport { computed, defineComponent, h } 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 SkyTextInputProps {\r\n  source: string\r\n  label?: string\r\n  rules?: FormItemRule | FormItemRule[]\r\n  parser?: InputProps['parser']\r\n  defaultValue?: string\r\n}\r\n\r\nexport const SkyTextInput = defineComponent<SkyTextInputProps & Partial<InputProps>>({\r\n  name: 'SkyTextInput',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    label: String,\r\n    rules: Object,\r\n    parser: Function,\r\n    defaultValue: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  setup(props, { attrs }) {\r\n    // 防止TS类型爆炸！\r\n    const _props = props as unknown as SkyTextInputProps\r\n    const route = useRoute()\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    const title = computed(() => _props.label || _props.source)\r\n\r\n    if (typeof formData[_props.source] === 'undefined') {\r\n      formData[_props.source] = _props.defaultValue!\r\n    }\r\n\r\n    if (editData.value) {\r\n      formData[_props.source] = editData.value[_props.source]\r\n    }\r\n\r\n    // 主动调用一次，归一化参数\r\n    if (_props.parser) {\r\n      formData[_props.source] = _props.parser(formData[_props.source])\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess\r\n        resource={routeMeta.resource}\r\n        action={['create', 'edit']}\r\n        column={_props.source}\r\n      >\r\n        <ElFormItem\r\n          label={title.value}\r\n          prop={_props.source}\r\n          rules={_props.rules}\r\n          style={formGrid ? `grid-area: ${_props.source}` : ''}\r\n        >\r\n          {() =>\r\n            h(ElInput, {\r\n              modelValue: formData[_props.source] ? String(formData[_props.source]) : '',\r\n              'onUpdate:modelValue': (v) => (formData[_props.source] = v),\r\n              parser: _props.parser,\r\n              ...attrs,\r\n            })\r\n          }\r\n        </ElFormItem>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\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.mjs.map

@@ -1 +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;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/text-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\r\nimport { ElFormItem, ElInput, type FormItemRule, type InputProps } from 'element-plus'\r\nimport { computed, defineComponent, h } 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 SkyTextInputProps {\r\n  source: string\r\n  label?: string\r\n  rules?: FormItemRule | FormItemRule[]\r\n  parser?: InputProps['parser']\r\n  defaultValue?: string\r\n}\r\n\r\nexport const SkyTextInput = defineComponent<SkyTextInputProps & Partial<InputProps>>({\r\n  name: 'SkyTextInput',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    label: String,\r\n    rules: Object,\r\n    parser: Function,\r\n    defaultValue: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  setup(props, { attrs }) {\r\n    // 防止TS类型爆炸！\r\n    const _props = props as unknown as SkyTextInputProps\r\n    const route = useRoute()\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    const title = computed(() => _props.label || _props.source)\r\n\r\n    if (typeof formData[_props.source] === 'undefined') {\r\n      formData[_props.source] = _props.defaultValue!\r\n    }\r\n\r\n    if (editData.value) {\r\n      formData[_props.source] = editData.value[_props.source]\r\n    }\r\n\r\n    // 主动调用一次，归一化参数\r\n    if (_props.parser) {\r\n      formData[_props.source] = _props.parser(formData[_props.source])\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess\r\n        resource={routeMeta.resource}\r\n        action={['create', 'edit']}\r\n        column={_props.source}\r\n      >\r\n        <ElFormItem\r\n          label={title.value}\r\n          prop={_props.source}\r\n          rules={_props.rules}\r\n          style={formGrid ? `grid-area: ${_props.source}` : ''}\r\n        >\r\n          {() =>\r\n            h(ElInput, {\r\n              modelValue: formData[_props.source] ? String(formData[_props.source]) : '',\r\n              'onUpdate:modelValue': (v) => (formData[_props.source] = v),\r\n              parser: _props.parser,\r\n              ...attrs,\r\n            })\r\n          }\r\n        </ElFormItem>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\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

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