skyline-vue-admin 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 lewo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# Skyline-Vue-Admin 组件库
+
+十分钟搭建一个完整的后台管理应用。
+
+一个前端框架，用于在 REST 之上构建在浏览器中运行的单页应用程序，使用 TypeScript、Vue3 和 Element Plus 。

package/dist/components/auto-complete-array-input/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form-item/style/css");require("element-plus/es/components/select/style/css");const t=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const V=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const I=require("../../hooks/useFormGrid.cjs"),h=require("../../hooks/useReferenceArrayInput.cjs"),p=require("../../setup/index.cjs"),C=require("@vueuse/core"),i=require("element-plus"),D=t.defineComponent({name:"SkyAutoCompleteArrayInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,optionText:{type:String,default:"name"},optionValue:{type:String,default:"id"},filterToQuery:Function,rules:Object,defaultValue:{type:Array,default:()=>[]}},setup(e,{attrs:c}){const d=I.useFormGrid(),{formData:u,editData:a}=V.useForm(),{getList:f,listLoading:m,listData:n,reference:y}=h.useReferenceArrayInput(),q=t.computed(()=>e.label||e.source);typeof u[e.source]>"u"&&(u[e.source]=e.defaultValue),a.value&&(u[e.source]=a.value[e.source]);const g=r=>{const o=e.filterToQuery?.(r);o&&f(o)};let l;const{state:v,isLoading:A}=C.useAsyncState(async()=>{const r=u[e.source];if(r)return l=new AbortController,p.skyConfig.dataProvider?.getMany?.(y,{ids:Array.isArray(r)?r:[r],signal:l.signal})},void 0,{immediate:!0}),s=r=>{const o=r[e.optionText],b=r[e.optionValue];return{label:o,value:b}},S=t.computed(()=>n.value?.data?n.value.data.map(s):(v.value?.data||[]).map(s));return()=>t.withDirectives(t.createVNode(i.ElFormItem,{label:q.value,prop:e.source,rules:e.rules,style:d?`grid-area: ${e.source}`:""},{default:()=>[t.createVNode(i.ElSelect,t.mergeProps({modelValue:u[e.source],"onUpdate:modelValue":r=>u[e.source]=r,multiple:!0,filterable:!0,remote:!0,reserveKeyword:!0,remoteShowSuffix:!0,remoteMethod:g,loading:m.value,debounce:500,options:S.value,props:{value:"value",label:"label"}},c),null)]}),[[i.ElLoadingDirective,A.value]])}});exports.SkyAutoCompleteArrayInput=D;
+//# sourceMappingURL=index.cjs.map

package/dist/components/auto-complete-array-input/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/auto-complete-array-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid, useReferenceArrayInput } from '@/hooks'\r\nimport type { GetManyResult, Identifier } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport {\r\n  ElFormItem,\r\n  ElLoadingDirective,\r\n  ElSelect,\r\n  type FormItemRule,\r\n  type SelectProps,\r\n} from 'element-plus'\r\nimport { computed, defineComponent, withDirectives, type PropType } from 'vue'\r\n\r\nexport interface SkyAutoCompleteArrayInputProps {\r\n  source: string\r\n  label?: string\r\n  optionText?: string\r\n  optionValue?: string\r\n  filterToQuery?: (searchText: string) => Record<string, unknown>\r\n  rules?: FormItemRule | FormItemRule[]\r\n  defaultValue?: Identifier[]\r\n}\r\n\r\nexport const SkyAutoCompleteArrayInput = defineComponent<\r\n  SkyAutoCompleteArrayInputProps & Partial<SelectProps>\r\n>({\r\n  name: 'SkyAutoCompleteArrayInput',\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    // placeholder: String,\r\n    optionText: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    optionValue: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    filterToQuery: Function as PropType<SkyAutoCompleteArrayInputProps['filterToQuery']>,\r\n    rules: Object,\r\n    defaultValue: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props, { attrs }) {\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const { getList, listLoading, listData, reference } = useReferenceArrayInput()!\r\n    const title = computed<string>(() => 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    const remoteMethod = (search: string) => {\r\n      const filter = props.filterToQuery?.(search)\r\n      if (filter) {\r\n        getList(filter)\r\n      }\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { state: theReferenceArrayData, isLoading } = useAsyncState<GetManyResult | undefined>(\r\n      async () => {\r\n        const data = formData[props.source] as Identifier[] | Identifier | undefined\r\n\r\n        if (data) {\r\n          controller = new AbortController()\r\n          return skyConfig.dataProvider?.getMany?.(reference, {\r\n            ids: Array.isArray(data) ? data : [data],\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 getOptionItem = (item: Record<string, unknown>) => {\r\n      const label = item[props.optionText!] as string\r\n      const value = item[props.optionValue!] as Identifier\r\n      return {\r\n        label,\r\n        value,\r\n      }\r\n    }\r\n\r\n    const options = computed(() => {\r\n      if (listData.value?.data) {\r\n        return (\r\n          listData.value.data\r\n            // .filter((item) => {\r\n            //   const value = item[props.optionValue] as Identifier\r\n            //   return !formData[props.source]?.includes(value)\r\n            // })\r\n            .map(getOptionItem)\r\n        )\r\n      }\r\n\r\n      const editArr = theReferenceArrayData.value?.data || []\r\n      // create = []\r\n      // edit = theReferenceArrayData.value?.data\r\n      return editArr.map(getOptionItem)\r\n    })\r\n\r\n    return () =>\r\n      withDirectives(\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          <ElSelect\r\n            modelValue={formData[props.source] as Identifier[]}\r\n            onUpdate:modelValue={(v) => (formData[props.source] = v)}\r\n            multiple\r\n            filterable\r\n            remote\r\n            reserveKeyword\r\n            remoteShowSuffix\r\n            remoteMethod={remoteMethod}\r\n            loading={listLoading.value}\r\n            debounce={500}\r\n            options={options.value}\r\n            props={{ value: 'value', label: 'label' }}\r\n            {...attrs}\r\n          >\r\n            {/* {options.value.map((option) => (\r\n              <ElOption key={option.value} label={option.label} value={option.value} />\r\n            ))} */}\r\n          </ElSelect>\r\n        </ElFormItem>,\r\n        // h(\r\n        //   ElFormItem,\r\n        //   {\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        //     default: () =>\r\n        //       h(\r\n        //         ElSelect,\r\n        //         {\r\n        //           modelValue: formData[props.source] as Identifier[],\r\n        //           'onUpdate:modelValue': (v) => (formData[props.source] = v),\r\n        //           multiple: true,\r\n        //           filterable: true,\r\n        //           remote: true,\r\n        //           reserveKeyword: true,\r\n        //           remoteShowSuffix: true,\r\n        //           remoteMethod,\r\n        //           loading: listLoading.value,\r\n        //           debounce: 500,\r\n        //           ...attrs,\r\n        //         },\r\n        //         {\r\n        //           default: () =>\r\n        //             options.value.map((option) => (\r\n        //               <ElOption key={option.value} label={option.label} value={option.value} />\r\n        //             )),\r\n        //         },\r\n        //       ),\r\n        //   },\r\n        // ),\r\n        [[ElLoadingDirective, isLoading.value]],\r\n      )\r\n  },\r\n})\r\n"],"names":["SkyAutoCompleteArrayInput","defineComponent","name","inheritAttrs","props","source","type","required","label","optionText","default","optionValue","filterToQuery","rules","defaultValue","attrs","formGrid","useFormGrid","editData","reference","title","computed","formData","filter","search","controller","state","isLoading","data","skyConfig","ids","immediate","item","value","options","listData","getOptionItem","withDirectives","_createVNode","ElFormItem","remoteMethod"],"mappings":"q7BAuBAA,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,4BACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OAEAC,WAAAA,CACEH,KAAAA,OACAI,QAAAA,QAEFC,YAAAA,CACEL,KAAAA,OACAI,QAAAA,MAEFE,cAAAA,SACAC,MAAAA,OACAC,aAAAA,CACER,KAAAA,oBAEF,YAEaS,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,mDACsBC,UAAAA,8BACxCC,EAAAC,EAAAA,SAAA,IAAAjB,EAAA,OAAAA,EAAA,MAAA,iEAOEkB,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,eAIA,MAAAC,EAAAnB,EAAA,gBAAAoB,CAAA,EACAD,SAKF,IAAAE,QACQC,MAAAA,EAA8BC,UAAAA,6BAElC,MAAAC,EAAAN,EAAAlB,EAAA,MAAA,EAEA,GAAAwB,EACEH,OAAAA,EAAAA,IAAAA,gBACAI,YAAA,cAAA,UAAAV,EAAA,CACEW,IAAAA,MAAAA,QAAAA,CAAAA,EAAAA,EAAAA,CAAAA,CAAAA,iBAEF,CAAA,WAKFC,UAAAA,EACF,CAAA,QAIA,MAAAvB,EAAAwB,EAAA5B,EAAA,UAAA,EACA6B,EAAAD,EAAA5B,EAAA,WAAA,iBAGE6B,MAAAA,IAIJC,EAAAb,EAAAA,SAAA,IACEc,EAAA,OAAA,6CAcA,IAAAC,CAAA,CACF,EAEA,MAAA,IAAAC,EAAAA,eAAAC,EAAAA,YAAAC,aAAA,2CAKwB,MAAAvB,EAAA,cAAAZ,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAM,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,WAAAY,EAAAlB,EAAA,MAAA,yCAIO,SAAA,GAAA,WAAA,GAAA,OAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,aAAAoC,kBAO9B,SAAA,2BAGjBP,MAAAA,QAAgBzB,MAAAA,OAAe,CAAC,EAAAO,CAAA,EAAA,IAAA,CAAA,CAChC,CAAA,mCA2CnB,CACF,CAAA"}

package/dist/components/auto-complete-array-input/index.d.ts

@@ -0,0 +1,12 @@
+import { Identifier } from '../../provides';
+import { FormItemRule, SelectProps } from 'element-plus';
+export interface SkyAutoCompleteArrayInputProps {
+    source: string;
+    label?: string;
+    optionText?: string;
+    optionValue?: string;
+    filterToQuery?: (searchText: string) => Record<string, unknown>;
+    rules?: FormItemRule | FormItemRule[];
+    defaultValue?: Identifier[];
+}
+export declare const SkyAutoCompleteArrayInput: import('vue').DefineComponent<SkyAutoCompleteArrayInputProps & Partial<SelectProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyAutoCompleteArrayInputProps & Partial<SelectProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/auto-complete-array-input/index.mjs

@@ -0,0 +1,151 @@
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/select/style/css";
+import { defineComponent as V, computed as n, withDirectives as h, createVNode as m, mergeProps as D } from "vue";
+import "../../hooks/useUser.mjs";
+import "../../hooks/usePermission.mjs";
+import "../../hooks/useMenu.mjs";
+import "../../hooks/useTab.mjs";
+import "../../hooks/useRouteKeepAlive.mjs";
+import "../../hooks/useSize.mjs";
+import "../../hooks/useLang.mjs";
+import "../../hooks/useTheme.mjs";
+import "../../hooks/useList.mjs";
+import "../../hooks/useHiddenTitle.mjs";
+import { useForm as C } from "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import "../../hooks/useReferenceArrayField.mjs";
+import "../../hooks/useTreeWithDetails.mjs";
+import { useFormGrid as I } from "../../hooks/useFormGrid.mjs";
+import { useReferenceArrayInput as w } from "../../hooks/useReferenceArrayInput.mjs";
+import { skyConfig as x } from "../../setup/index.mjs";
+import { useAsyncState as F } from "@vueuse/core";
+import { ElFormItem as L, ElSelect as T, ElLoadingDirective as k } from "element-plus";
+const ee = /* @__PURE__ */ V({
+  name: "SkyAutoCompleteArrayInput",
+  inheritAttrs: !1,
+  props: {
+    source: {
+      type: String,
+      required: !0
+    },
+    label: String,
+    // placeholder: String,
+    optionText: {
+      type: String,
+      default: "name"
+    },
+    optionValue: {
+      type: String,
+      default: "id"
+    },
+    filterToQuery: Function,
+    rules: Object,
+    defaultValue: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e, {
+    attrs: d
+  }) {
+    const s = I(), {
+      formData: r,
+      editData: i
+    } = C(), {
+      getList: c,
+      listLoading: f,
+      listData: a,
+      reference: p
+    } = w(), y = n(() => e.label || e.source);
+    typeof r[e.source] > "u" && (r[e.source] = e.defaultValue), i.value && (r[e.source] = i.value[e.source]);
+    const g = (t) => {
+      const o = e.filterToQuery?.(t);
+      o && c(o);
+    };
+    let u;
+    const {
+      state: v,
+      isLoading: A
+    } = F(async () => {
+      const t = r[e.source];
+      if (t)
+        return u = new AbortController(), x.dataProvider?.getMany?.(p, {
+          ids: Array.isArray(t) ? t : [t],
+          signal: u.signal
+        });
+    }, void 0, {
+      immediate: !0
+    }), l = (t) => {
+      const o = t[e.optionText], S = t[e.optionValue];
+      return {
+        label: o,
+        value: S
+      };
+    }, b = n(() => a.value?.data ? a.value.data.map(l) : (v.value?.data || []).map(l));
+    return () => h(
+      m(L, {
+        label: y.value,
+        prop: e.source,
+        rules: e.rules,
+        style: s ? `grid-area: ${e.source}` : ""
+      }, {
+        default: () => [m(T, D({
+          modelValue: r[e.source],
+          "onUpdate:modelValue": (t) => r[e.source] = t,
+          multiple: !0,
+          filterable: !0,
+          remote: !0,
+          reserveKeyword: !0,
+          remoteShowSuffix: !0,
+          remoteMethod: g,
+          loading: f.value,
+          debounce: 500,
+          options: b.value,
+          props: {
+            value: "value",
+            label: "label"
+          }
+        }, d), null)]
+      }),
+      // h(
+      //   ElFormItem,
+      //   {
+      //     label: title.value,
+      //     prop: props.source,
+      //     rules: props.rules,
+      //     style: formGrid ? `grid-area: ${props.source}` : '',
+      //   },
+      //   {
+      //     default: () =>
+      //       h(
+      //         ElSelect,
+      //         {
+      //           modelValue: formData[props.source] as Identifier[],
+      //           'onUpdate:modelValue': (v) => (formData[props.source] = v),
+      //           multiple: true,
+      //           filterable: true,
+      //           remote: true,
+      //           reserveKeyword: true,
+      //           remoteShowSuffix: true,
+      //           remoteMethod,
+      //           loading: listLoading.value,
+      //           debounce: 500,
+      //           ...attrs,
+      //         },
+      //         {
+      //           default: () =>
+      //             options.value.map((option) => (
+      //               <ElOption key={option.value} label={option.label} value={option.value} />
+      //             )),
+      //         },
+      //       ),
+      //   },
+      // ),
+      [[k, A.value]]
+    );
+  }
+});
+export {
+  ee as SkyAutoCompleteArrayInput
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/auto-complete-array-input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/auto-complete-array-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid, useReferenceArrayInput } from '@/hooks'\r\nimport type { GetManyResult, Identifier } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport {\r\n  ElFormItem,\r\n  ElLoadingDirective,\r\n  ElSelect,\r\n  type FormItemRule,\r\n  type SelectProps,\r\n} from 'element-plus'\r\nimport { computed, defineComponent, withDirectives, type PropType } from 'vue'\r\n\r\nexport interface SkyAutoCompleteArrayInputProps {\r\n  source: string\r\n  label?: string\r\n  optionText?: string\r\n  optionValue?: string\r\n  filterToQuery?: (searchText: string) => Record<string, unknown>\r\n  rules?: FormItemRule | FormItemRule[]\r\n  defaultValue?: Identifier[]\r\n}\r\n\r\nexport const SkyAutoCompleteArrayInput = defineComponent<\r\n  SkyAutoCompleteArrayInputProps & Partial<SelectProps>\r\n>({\r\n  name: 'SkyAutoCompleteArrayInput',\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    // placeholder: String,\r\n    optionText: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    optionValue: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    filterToQuery: Function as PropType<SkyAutoCompleteArrayInputProps['filterToQuery']>,\r\n    rules: Object,\r\n    defaultValue: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props, { attrs }) {\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const { getList, listLoading, listData, reference } = useReferenceArrayInput()!\r\n    const title = computed<string>(() => 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    const remoteMethod = (search: string) => {\r\n      const filter = props.filterToQuery?.(search)\r\n      if (filter) {\r\n        getList(filter)\r\n      }\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { state: theReferenceArrayData, isLoading } = useAsyncState<GetManyResult | undefined>(\r\n      async () => {\r\n        const data = formData[props.source] as Identifier[] | Identifier | undefined\r\n\r\n        if (data) {\r\n          controller = new AbortController()\r\n          return skyConfig.dataProvider?.getMany?.(reference, {\r\n            ids: Array.isArray(data) ? data : [data],\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 getOptionItem = (item: Record<string, unknown>) => {\r\n      const label = item[props.optionText!] as string\r\n      const value = item[props.optionValue!] as Identifier\r\n      return {\r\n        label,\r\n        value,\r\n      }\r\n    }\r\n\r\n    const options = computed(() => {\r\n      if (listData.value?.data) {\r\n        return (\r\n          listData.value.data\r\n            // .filter((item) => {\r\n            //   const value = item[props.optionValue] as Identifier\r\n            //   return !formData[props.source]?.includes(value)\r\n            // })\r\n            .map(getOptionItem)\r\n        )\r\n      }\r\n\r\n      const editArr = theReferenceArrayData.value?.data || []\r\n      // create = []\r\n      // edit = theReferenceArrayData.value?.data\r\n      return editArr.map(getOptionItem)\r\n    })\r\n\r\n    return () =>\r\n      withDirectives(\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          <ElSelect\r\n            modelValue={formData[props.source] as Identifier[]}\r\n            onUpdate:modelValue={(v) => (formData[props.source] = v)}\r\n            multiple\r\n            filterable\r\n            remote\r\n            reserveKeyword\r\n            remoteShowSuffix\r\n            remoteMethod={remoteMethod}\r\n            loading={listLoading.value}\r\n            debounce={500}\r\n            options={options.value}\r\n            props={{ value: 'value', label: 'label' }}\r\n            {...attrs}\r\n          >\r\n            {/* {options.value.map((option) => (\r\n              <ElOption key={option.value} label={option.label} value={option.value} />\r\n            ))} */}\r\n          </ElSelect>\r\n        </ElFormItem>,\r\n        // h(\r\n        //   ElFormItem,\r\n        //   {\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        //     default: () =>\r\n        //       h(\r\n        //         ElSelect,\r\n        //         {\r\n        //           modelValue: formData[props.source] as Identifier[],\r\n        //           'onUpdate:modelValue': (v) => (formData[props.source] = v),\r\n        //           multiple: true,\r\n        //           filterable: true,\r\n        //           remote: true,\r\n        //           reserveKeyword: true,\r\n        //           remoteShowSuffix: true,\r\n        //           remoteMethod,\r\n        //           loading: listLoading.value,\r\n        //           debounce: 500,\r\n        //           ...attrs,\r\n        //         },\r\n        //         {\r\n        //           default: () =>\r\n        //             options.value.map((option) => (\r\n        //               <ElOption key={option.value} label={option.label} value={option.value} />\r\n        //             )),\r\n        //         },\r\n        //       ),\r\n        //   },\r\n        // ),\r\n        [[ElLoadingDirective, isLoading.value]],\r\n      )\r\n  },\r\n})\r\n"],"names":["SkyAutoCompleteArrayInput","defineComponent","name","inheritAttrs","props","source","type","required","label","optionText","default","optionValue","filterToQuery","rules","defaultValue","attrs","formGrid","useFormGrid","editData","reference","title","computed","formData","filter","search","controller","state","isLoading","data","skyConfig","ids","immediate","item","value","options","listData","getOptionItem","withDirectives","_createVNode","ElFormItem","remoteMethod"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAAA,KAAA,gBAAAC,EAAA;AAAA,EAGEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,OAAAA;AAAAA;AAAAA,IAEAC,YAAAA;AAAAA,MACEH,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFC,aAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFE,eAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,MACER,MAAAA;AAAAA;IAEF;AAAA;;IAEaS,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA;;;;MACsBC,WAAAA;AAAAA,aACxCC,IAAAC,EAAA,MAAAjB,EAAA,SAAAA,EAAA,MAAA;4EAOEkB,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA;;AAIA,YAAAC,IAAAnB,EAAA,gBAAAoB,CAAA;AACA,MAAAD;;AAKF,QAAAE;;MACQC,OAAAA;AAAAA,MAA8BC,WAAAA;AAAAA;AAElC,YAAAC,IAAAN,EAAAlB,EAAA,MAAA;AAEA,UAAAwB;AACEH,eAAAA,IAAAA,IAAAA,gBAAAA,GACAI,EAAA,cAAA,UAAAV,GAAA;AAAA,UACEW,KAAAA,MAAAA,QAAAA,CAAAA,IAAAA,IAAAA,CAAAA,CAAAA;AAAAA;QAEF,CAAA;AAAA;MAKFC,WAAAA;AAAAA,IACF,CAAA;AAIA,YAAAvB,IAAAwB,EAAA5B,EAAA,UAAA,GACA6B,IAAAD,EAAA5B,EAAA,WAAA;;;QAGE6B,OAAAA;AAAAA;OAIJC,IAAAb,EAAA,MACEc,EAAA,OAAA,mDAcA,IAAAC,CAAA,CACF;AAEA,WAAA,MAAAC;AAAA,MAAAC,EAAAC,GAAA;AAAA;;;QAKwB,OAAAvB,IAAA,cAAAZ,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAM,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,UAAA,YAAAY,EAAAlB,EAAA,MAAA;AAAA;UAIO,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,QAAA;AAAA,UAAA,gBAAA;AAAA,UAAA,kBAAA;AAAA,UAAA,cAAAoC;AAAA;UAO9B,UAAA;AAAA;;YAGjBP,OAAAA;AAAAA,YAAgBzB,OAAAA;AAAAA,UAAe;AAAA,QAAC,GAAAO,CAAA,GAAA,IAAA,CAAA;AAAA,MAChC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;EA2CnB;AACF,CAAA;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form-item/style/css");require("element-plus/es/components/icon/style/css");require("element-plus/es/components/upload/style/css");const e=require("vue"),N=require("../../icons/EpPlus.cjs"),l=require("element-plus"),A=require("@vueuse/core"),C=require("vue-router");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 E=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const R=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const L=require("../../hooks/useUpload.cjs"),y=require("../../setup/index.cjs"),P=require("../can-access/index.cjs"),V=e.defineComponent({name:"SkyAvatarInput",inheritAttrs:!1,props:{reference:{type:String,required:!0},source:{type:String,required:!0},label:String,rules:Object,dataId:{type:String,default:"id"},dataName:{type:String,default:"name"},dataUrl:{type:String,default:"url"},fileList:{type:Array,default:()=>[]}},setup(t,{slots:o,attrs:h}){const S=C.useRoute(),b=R.useFormGrid(),{formData:i,editData:s}=E.useForm(),w=e.computed(()=>t.label||t.source),{fileList:u}=L.useUpload(t.fileList),n=e.useTemplateRef("uploadRef"),U=S.meta;s.value&&(i[t.source]=s.value[t.source]);const k=async r=>{n.value?.clearFiles();const a=r[0];a.uid=l.genFileId(),n.value?.handleStart(a),n.value?.submit()},p=()=>{u.value[0]?.id&&(i[t.source]=u.value[0].id)};let d;const{isLoading:c}=A.useAsyncState(async()=>{const r=i[t.source];if(r){d=new AbortController;const a=await y.skyConfig.dataProvider?.getOne?.(t.reference,{id:r,signal:d.signal});if(a?.data)return u.value=[{id:a.data[t.dataId],name:a.data[t.dataName],url:a.data[t.dataUrl]}],a}},void 0,{immediate:!0}),f=e.ref(""),v=e.shallowRef(),m=e.shallowRef(),q=e.ref(),g=e.ref(),F=async r=>{const a=await y.skyConfig.dataProvider?.getUploadConfig?.({file:r});a?.data&&(f.value=a.data.action,v.value=a.data.data,m.value=a.data.headers,q.value=a.data.method,g.value=a.data.name)};return()=>e.createVNode(P.SkyCanAccess,{resource:U.resource,action:["create","edit"],column:t.source},{default:()=>[e.createVNode(l.ElFormItem,{class:"sky-avatar-input",label:w.value,prop:t.source,rules:t.rules,style:b?`grid-area: ${t.source}`:""},{default:()=>[e.createVNode(l.ElUpload,e.mergeProps({ref:"uploadRef",action:f.value,method:q.value,name:g.value,withCredentials:t.withCredentials,multiple:t.multiple,limit:1,beforeUpload:F,onSuccess:p,onExceed:k,headers:m.value,data:v.value,listType:"picture-card",fileList:u.value,"onUpdate:file-list":r=>u.value=r,autoUpload:!0,showFileList:!1,disabled:c.value,accept:"image/*"},h),{default:()=>u.value.length?e.withDirectives(e.createVNode("div",{class:"sky-avatar-input__preview",style:{backgroundImage:`url(${u.value[0].url})`}},null),[[l.ElLoadingDirective,c.value||u.value[0].status!=="success"]]):e.createVNode(l.ElIcon,null,{default:()=>[e.createVNode(N.EpPlus,null,null)]}),file:r=>{if(o.default){const a=o.default();return e.h(e.Fragment,a.map(I=>e.cloneVNode(I,{...r})))}}})]})]})}});exports.SkyAvatarInput=V;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/avatar-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\r\nimport type { GetOneResult, Identifier } from '@/provides'\r\nimport {\r\n  ElFormItem,\r\n  ElIcon,\r\n  ElLoadingDirective,\r\n  ElUpload,\r\n  genFileId,\r\n  type FormItemRule,\r\n  type UploadFile,\r\n  type UploadInstance,\r\n  type UploadProps,\r\n  type UploadRawFile,\r\n} from 'element-plus'\r\nimport {\r\n  cloneVNode,\r\n  computed,\r\n  defineComponent,\r\n  Fragment,\r\n  h,\r\n  ref,\r\n  shallowRef,\r\n  useTemplateRef,\r\n  withDirectives,\r\n} from 'vue'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useRoute } from 'vue-router'\r\nimport { useForm, useFormGrid, useUpload, type SkyUploadUserFile } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface SkyOssAvatarInputProps {\r\n  reference: string\r\n  source: string\r\n  label?: string\r\n  rules?: FormItemRule | FormItemRule[]\r\n  dataId?: string\r\n  dataName?: string\r\n  dataUrl?: string\r\n  fileList?: SkyUploadUserFile[]\r\n}\r\n\r\nexport const SkyAvatarInput = defineComponent<SkyOssAvatarInputProps & Partial<UploadProps>>({\r\n  name: 'SkyAvatarInput',\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    label: String,\r\n    rules: Object,\r\n    dataId: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    dataName: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    dataUrl: {\r\n      type: String,\r\n      default: 'url',\r\n    },\r\n    fileList: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const title = computed<string>(() => props.label || props.source)\r\n    // init fileList\r\n    const { fileList } = useUpload(props.fileList!)\r\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    if (editData.value) {\r\n      formData[props.source] = editData.value[props.source]\r\n    }\r\n\r\n    const onExceed = async (files: File[]) => {\r\n      uploadRef.value?.clearFiles()\r\n      const file = files[0] as UploadRawFile\r\n      file.uid = genFileId()\r\n      uploadRef.value?.handleStart(file)\r\n      uploadRef.value?.submit()\r\n    }\r\n\r\n    const onSuccess = () => {\r\n      if (fileList.value[0]?.id) {\r\n        formData[props.source] = fileList.value[0].id\r\n      }\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading } = useAsyncState<GetOneResult | undefined>(\r\n      async () => {\r\n        const id = formData[props.source]\r\n        if (id) {\r\n          controller = new AbortController()\r\n          const res = await skyConfig.dataProvider?.getOne?.(props.reference, {\r\n            id: id as Identifier,\r\n            signal: controller.signal,\r\n          })\r\n\r\n          if (res?.data) {\r\n            fileList.value = [\r\n              {\r\n                id: res.data[props.dataId!] as Identifier,\r\n                name: res.data[props.dataName!] as string,\r\n                url: res.data[props.dataUrl!] as string,\r\n              },\r\n            ]\r\n            return res\r\n          }\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const action = ref('')\r\n    const data = shallowRef<Record<string, unknown>>()\r\n    const headers = shallowRef<Record<string, unknown>>()\r\n    const method = ref()\r\n    const name = ref<string>()\r\n    const beforeUpload = async (rawFile: UploadRawFile) => {\r\n      const res = await skyConfig.dataProvider?.getUploadConfig?.({\r\n        file: rawFile,\r\n      })\r\n      if (res?.data) {\r\n        action.value = res.data.action\r\n        data.value = res.data.data\r\n        headers.value = res.data.headers\r\n        method.value = res.data.method\r\n        name.value = res.data.name\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\r\n        <ElFormItem\r\n          class=\"sky-avatar-input\"\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          <ElUpload\r\n            ref=\"uploadRef\"\r\n            action={action.value}\r\n            method={method.value}\r\n            name={name.value}\r\n            withCredentials={props.withCredentials}\r\n            multiple={props.multiple}\r\n            limit={1}\r\n            beforeUpload={beforeUpload}\r\n            onSuccess={onSuccess}\r\n            onExceed={onExceed}\r\n            headers={headers.value}\r\n            data={data.value}\r\n            listType=\"picture-card\"\r\n            fileList={fileList.value}\r\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\r\n            autoUpload={true}\r\n            showFileList={false}\r\n            disabled={isLoading.value}\r\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\r\n            accept={'image/*'}\r\n            {...attrs}\r\n          >\r\n            {{\r\n              default: () =>\r\n                fileList.value.length ? (\r\n                  withDirectives(\r\n                    <div\r\n                      class=\"sky-avatar-input__preview\"\r\n                      style={{ backgroundImage: `url(${fileList.value[0]!.url})` }}\r\n                    ></div>,\r\n                    [\r\n                      [\r\n                        ElLoadingDirective,\r\n                        isLoading.value || fileList.value[0]!.status !== 'success',\r\n                      ],\r\n                    ],\r\n                  )\r\n                ) : (\r\n                  <ElIcon>\r\n                    <EpPlus />\r\n                  </ElIcon>\r\n                ),\r\n              file: (scope: { file: UploadFile; index: number }) => {\r\n                if (slots.default) {\r\n                  const vnodes = slots.default()\r\n                  return h(\r\n                    Fragment,\r\n                    vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\r\n                  )\r\n                }\r\n              },\r\n            }}\r\n          </ElUpload>\r\n        </ElFormItem>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyAvatarInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","label","rules","dataId","default","dataName","dataUrl","fileList","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","useUpload","uploadRef","useTemplateRef","routeMeta","formData","onExceed","files","file","controller","isLoading","id","res","skyConfig","url","immediate","action","ref","data","shallowRef","headers","method","beforeUpload","rawFile","onSuccess","fs","vnodes","slots","h","Fragment","vnode","cloneVNode"],"mappings":"snCA2CAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,iBACAC,aAAAA,GACAC,MAAAA,CACEC,UAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,OAAAA,CACEF,KAAAA,OACAC,SAAAA,IAEFE,MAAAA,OACAC,MAAAA,OACAC,OAAAA,CACEL,KAAAA,OACAM,QAAAA,MAEFC,SAAAA,CACEP,KAAAA,OACAM,QAAAA,QAEFE,QAAAA,CACER,KAAAA,OACAM,QAAAA,OAEFG,SAAAA,CACET,KAAAA,oBAEF,oBAEoBU,MAAAA,CAAM,EAAA,CAC1B,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAClBC,EAAAC,EAAAA,SAAA,IAAAnB,EAAA,OAAAA,EAAA,MAAA,GAEQW,SAAAA,CAAS,EAAAS,EAAAA,UAAApB,EAAA,QAAA,EACjBqB,EAAAC,EAAAA,eAAA,WAAA,EACAC,EAAAV,EAAA,eAGEW,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,GAGF,MAAAC,EAAA,MAAAC,GAAA,CACEL,EAAAA,OAAAA,WAAAA,EACA,MAAAM,EAAAD,EAAA,CAAA,EACAC,EAAAA,IAAAA,YAAAA,EACAN,EAAAA,OAAAA,YAAAA,CAAAA,EACAA,EAAAA,OAAAA,OAAAA,2BAKEG,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,CAAAA,EAAAA,KAIJ,IAAAI,QACQC,UAAAA,6BAEJ,MAAAC,EAAAN,EAAAxB,EAAA,MAAA,EACA,GAAA8B,EAAA,CACEF,EAAAA,IAAAA,gBACA,MAAAG,EAAA,MAAAC,EAAAA,UAAA,cAAA,SAAAhC,EAAA,UAAA,CACE8B,GAAAA,iBAEF,CAAA,0EAOMG,IAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CACF,CAAA,EAEFF,CAEJ,WAIAG,UAAAA,EACF,CAAA,EAGFC,EAAAC,EAAAA,IAAA,EAAA,EACAC,EAAAC,EAAAA,WAAA,EACAC,EAAAD,EAAAA,WAAA,EACAE,EAAAJ,EAAAA,IAAA,EACAtC,EAAAsC,EAAAA,IAAA,EACAK,EAAA,MAAAC,GAAA,4DAEIf,KAAAA,CACF,CAAA,YAEEQ,EAAAA,MAAAA,EAAAA,KAAAA,OACAE,EAAAA,MAAAA,EAAAA,KAAAA,KACAE,EAAAA,MAAAA,EAAAA,KAAAA,QACAC,EAAAA,MAAAA,EAAAA,KAAAA,OACA1C,EAAAA,MAAAA,EAAAA,KAAAA,mEAKwC,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAAE,EAAA,MAAsB,EAAA,CAAAQ,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,CAAA,MAAA,6DAKtE,MAAAO,EAAA,cAAAf,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAQ,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,IAAA,6GAQzB,MAAA,EAChB,aAAAiC,EACkB,UAAAE,EACN,SAAAlB,+BAGJ,SAAA,gCAEQ,qBAAAmB,GAAAjC,EAAA,MAAAiC,EAC8C,WAAA,GACtD,aAAA,oCAIC,EAAAhC,CAAA,EAAA,kEAMG,MAAA,2EAGiD,uGAQ9DJ,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,EAAAA,OAAAA,KAAAA,IAAAA,CAAAA,2BAQD,MAAAqC,EAAAC,EAAA,QAAA,EACA,OAAAC,EAAAA,EAAAC,EAAAA,SAAAH,EAAA,IAAAI,GAAAC,EAAAA,WAAAD,EAAA,SAIF,CACF,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,GAMb,CACF,CAAA"}

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

@@ -0,0 +1,13 @@
+import { FormItemRule, UploadProps } from 'element-plus';
+import { SkyUploadUserFile } from '../../hooks';
+export interface SkyOssAvatarInputProps {
+    reference: string;
+    source: string;
+    label?: string;
+    rules?: FormItemRule | FormItemRule[];
+    dataId?: string;
+    dataName?: string;
+    dataUrl?: string;
+    fileList?: SkyUploadUserFile[];
+}
+export declare const SkyAvatarInput: import('vue').DefineComponent<SkyOssAvatarInputProps & Partial<UploadProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyOssAvatarInputProps & Partial<UploadProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,160 @@
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/icon/style/css";
+import "element-plus/es/components/upload/style/css";
+import { defineComponent as F, computed as L, useTemplateRef as R, ref as u, shallowRef as y, createVNode as l, mergeProps as D, withDirectives as N, h as P, Fragment as x, cloneVNode as q } from "vue";
+import { EpPlus as G } from "../../icons/EpPlus.mjs";
+import { ElFormItem as O, ElUpload as T, ElLoadingDirective as V, ElIcon as _, genFileId as $ } from "element-plus";
+import { useAsyncState as j } from "@vueuse/core";
+import { useRoute as M } from "vue-router";
+import "../../hooks/useUser.mjs";
+import "../../hooks/usePermission.mjs";
+import "../../hooks/useMenu.mjs";
+import "../../hooks/useTab.mjs";
+import "../../hooks/useRouteKeepAlive.mjs";
+import "../../hooks/useSize.mjs";
+import "../../hooks/useLang.mjs";
+import "../../hooks/useTheme.mjs";
+import "../../hooks/useList.mjs";
+import "../../hooks/useHiddenTitle.mjs";
+import { useForm as z } from "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import "../../hooks/useReferenceArrayField.mjs";
+import "../../hooks/useTreeWithDetails.mjs";
+import { useFormGrid as B } from "../../hooks/useFormGrid.mjs";
+import "../../hooks/useReferenceArrayInput.mjs";
+import { useUpload as H } from "../../hooks/useUpload.mjs";
+import { skyConfig as h } from "../../setup/index.mjs";
+import { SkyCanAccess as J } from "../can-access/index.mjs";
+const we = /* @__PURE__ */ F({
+  name: "SkyAvatarInput",
+  inheritAttrs: !1,
+  props: {
+    reference: {
+      type: String,
+      required: !0
+    },
+    source: {
+      type: String,
+      required: !0
+    },
+    label: String,
+    rules: Object,
+    dataId: {
+      type: String,
+      default: "id"
+    },
+    dataName: {
+      type: String,
+      default: "name"
+    },
+    dataUrl: {
+      type: String,
+      default: "url"
+    },
+    fileList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e, {
+    slots: n,
+    attrs: S
+  }) {
+    const b = M(), w = B(), {
+      formData: i,
+      editData: d
+    } = z(), U = L(() => e.label || e.source), {
+      fileList: r
+    } = H(e.fileList), o = R("uploadRef"), I = b.meta;
+    d.value && (i[e.source] = d.value[e.source]);
+    const k = async (a) => {
+      o.value?.clearFiles();
+      const t = a[0];
+      t.uid = $(), o.value?.handleStart(t), o.value?.submit();
+    }, A = () => {
+      r.value[0]?.id && (i[e.source] = r.value[0].id);
+    };
+    let s;
+    const {
+      isLoading: c
+    } = j(async () => {
+      const a = i[e.source];
+      if (a) {
+        s = new AbortController();
+        const t = await h.dataProvider?.getOne?.(e.reference, {
+          id: a,
+          signal: s.signal
+        });
+        if (t?.data)
+          return r.value = [{
+            id: t.data[e.dataId],
+            name: t.data[e.dataName],
+            url: t.data[e.dataUrl]
+          }], t;
+      }
+    }, void 0, {
+      immediate: !0
+    }), m = u(""), f = y(), v = y(), p = u(), g = u(), C = async (a) => {
+      const t = await h.dataProvider?.getUploadConfig?.({
+        file: a
+      });
+      t?.data && (m.value = t.data.action, f.value = t.data.data, v.value = t.data.headers, p.value = t.data.method, g.value = t.data.name);
+    };
+    return () => l(J, {
+      resource: I.resource,
+      action: ["create", "edit"],
+      column: e.source
+    }, {
+      default: () => [l(O, {
+        class: "sky-avatar-input",
+        label: U.value,
+        prop: e.source,
+        rules: e.rules,
+        style: w ? `grid-area: ${e.source}` : ""
+      }, {
+        default: () => [l(T, D({
+          ref: "uploadRef",
+          action: m.value,
+          method: p.value,
+          name: g.value,
+          withCredentials: e.withCredentials,
+          multiple: e.multiple,
+          limit: 1,
+          beforeUpload: C,
+          onSuccess: A,
+          onExceed: k,
+          headers: v.value,
+          data: f.value,
+          listType: "picture-card",
+          fileList: r.value,
+          "onUpdate:file-list": (a) => r.value = a,
+          autoUpload: !0,
+          showFileList: !1,
+          disabled: c.value,
+          accept: "image/*"
+        }, S), {
+          default: () => r.value.length ? N(l("div", {
+            class: "sky-avatar-input__preview",
+            style: {
+              backgroundImage: `url(${r.value[0].url})`
+            }
+          }, null), [[V, c.value || r.value[0].status !== "success"]]) : l(_, null, {
+            default: () => [l(G, null, null)]
+          }),
+          file: (a) => {
+            if (n.default) {
+              const t = n.default();
+              return P(x, t.map((E) => q(E, {
+                ...a
+              })));
+            }
+          }
+        })]
+      })]
+    });
+  }
+});
+export {
+  we as SkyAvatarInput
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/avatar-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\r\nimport type { GetOneResult, Identifier } from '@/provides'\r\nimport {\r\n  ElFormItem,\r\n  ElIcon,\r\n  ElLoadingDirective,\r\n  ElUpload,\r\n  genFileId,\r\n  type FormItemRule,\r\n  type UploadFile,\r\n  type UploadInstance,\r\n  type UploadProps,\r\n  type UploadRawFile,\r\n} from 'element-plus'\r\nimport {\r\n  cloneVNode,\r\n  computed,\r\n  defineComponent,\r\n  Fragment,\r\n  h,\r\n  ref,\r\n  shallowRef,\r\n  useTemplateRef,\r\n  withDirectives,\r\n} from 'vue'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useRoute } from 'vue-router'\r\nimport { useForm, useFormGrid, useUpload, type SkyUploadUserFile } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface SkyOssAvatarInputProps {\r\n  reference: string\r\n  source: string\r\n  label?: string\r\n  rules?: FormItemRule | FormItemRule[]\r\n  dataId?: string\r\n  dataName?: string\r\n  dataUrl?: string\r\n  fileList?: SkyUploadUserFile[]\r\n}\r\n\r\nexport const SkyAvatarInput = defineComponent<SkyOssAvatarInputProps & Partial<UploadProps>>({\r\n  name: 'SkyAvatarInput',\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    label: String,\r\n    rules: Object,\r\n    dataId: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    dataName: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    dataUrl: {\r\n      type: String,\r\n      default: 'url',\r\n    },\r\n    fileList: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const title = computed<string>(() => props.label || props.source)\r\n    // init fileList\r\n    const { fileList } = useUpload(props.fileList!)\r\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    if (editData.value) {\r\n      formData[props.source] = editData.value[props.source]\r\n    }\r\n\r\n    const onExceed = async (files: File[]) => {\r\n      uploadRef.value?.clearFiles()\r\n      const file = files[0] as UploadRawFile\r\n      file.uid = genFileId()\r\n      uploadRef.value?.handleStart(file)\r\n      uploadRef.value?.submit()\r\n    }\r\n\r\n    const onSuccess = () => {\r\n      if (fileList.value[0]?.id) {\r\n        formData[props.source] = fileList.value[0].id\r\n      }\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading } = useAsyncState<GetOneResult | undefined>(\r\n      async () => {\r\n        const id = formData[props.source]\r\n        if (id) {\r\n          controller = new AbortController()\r\n          const res = await skyConfig.dataProvider?.getOne?.(props.reference, {\r\n            id: id as Identifier,\r\n            signal: controller.signal,\r\n          })\r\n\r\n          if (res?.data) {\r\n            fileList.value = [\r\n              {\r\n                id: res.data[props.dataId!] as Identifier,\r\n                name: res.data[props.dataName!] as string,\r\n                url: res.data[props.dataUrl!] as string,\r\n              },\r\n            ]\r\n            return res\r\n          }\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const action = ref('')\r\n    const data = shallowRef<Record<string, unknown>>()\r\n    const headers = shallowRef<Record<string, unknown>>()\r\n    const method = ref()\r\n    const name = ref<string>()\r\n    const beforeUpload = async (rawFile: UploadRawFile) => {\r\n      const res = await skyConfig.dataProvider?.getUploadConfig?.({\r\n        file: rawFile,\r\n      })\r\n      if (res?.data) {\r\n        action.value = res.data.action\r\n        data.value = res.data.data\r\n        headers.value = res.data.headers\r\n        method.value = res.data.method\r\n        name.value = res.data.name\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\r\n        <ElFormItem\r\n          class=\"sky-avatar-input\"\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          <ElUpload\r\n            ref=\"uploadRef\"\r\n            action={action.value}\r\n            method={method.value}\r\n            name={name.value}\r\n            withCredentials={props.withCredentials}\r\n            multiple={props.multiple}\r\n            limit={1}\r\n            beforeUpload={beforeUpload}\r\n            onSuccess={onSuccess}\r\n            onExceed={onExceed}\r\n            headers={headers.value}\r\n            data={data.value}\r\n            listType=\"picture-card\"\r\n            fileList={fileList.value}\r\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\r\n            autoUpload={true}\r\n            showFileList={false}\r\n            disabled={isLoading.value}\r\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\r\n            accept={'image/*'}\r\n            {...attrs}\r\n          >\r\n            {{\r\n              default: () =>\r\n                fileList.value.length ? (\r\n                  withDirectives(\r\n                    <div\r\n                      class=\"sky-avatar-input__preview\"\r\n                      style={{ backgroundImage: `url(${fileList.value[0]!.url})` }}\r\n                    ></div>,\r\n                    [\r\n                      [\r\n                        ElLoadingDirective,\r\n                        isLoading.value || fileList.value[0]!.status !== 'success',\r\n                      ],\r\n                    ],\r\n                  )\r\n                ) : (\r\n                  <ElIcon>\r\n                    <EpPlus />\r\n                  </ElIcon>\r\n                ),\r\n              file: (scope: { file: UploadFile; index: number }) => {\r\n                if (slots.default) {\r\n                  const vnodes = slots.default()\r\n                  return h(\r\n                    Fragment,\r\n                    vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\r\n                  )\r\n                }\r\n              },\r\n            }}\r\n          </ElUpload>\r\n        </ElFormItem>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyAvatarInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","label","rules","dataId","default","dataName","dataUrl","fileList","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","useUpload","uploadRef","useTemplateRef","routeMeta","formData","onExceed","files","file","controller","isLoading","id","res","skyConfig","url","immediate","action","ref","data","shallowRef","headers","method","beforeUpload","rawFile","onSuccess","fs","vnodes","slots","h","Fragment","vnode","cloneVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAAA,KAAA,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,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,QAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAM,SAAAA;AAAAA;IAEFC,UAAAA;AAAAA,MACEP,MAAAA;AAAAA,MACAM,SAAAA;AAAAA;IAEFE,SAAAA;AAAAA,MACER,MAAAA;AAAAA,MACAM,SAAAA;AAAAA;IAEFG,UAAAA;AAAAA,MACET,MAAAA;AAAAA;IAEF;AAAA;;;IAEoBU,OAAAA;AAAAA,EAAM,GAAA;AAC1B,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAC,EAAA,MAAAnB,EAAA,SAAAA,EAAA,MAAA;MAEQW,UAAAA;AAAAA,IAAS,IAAAS,EAAApB,EAAA,QAAA,GACjBqB,IAAAC,EAAA,WAAA,GACAC,IAAAV,EAAA;gBAGEW,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA;AAGF,UAAAC,IAAA,OAAAC,MAAA;AACEL,MAAAA,EAAAA,OAAAA,WAAAA;AACA,YAAAM,IAAAD,EAAA,CAAA;AACAC,MAAAA,EAAAA,MAAAA,EAAAA,GACAN,EAAAA,OAAAA,YAAAA,CAAAA,GACAA,EAAAA,OAAAA,OAAAA;AAAAA;yBAKEG,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,CAAAA,EAAAA;AAAAA;AAIJ,QAAAI;;MACQC,WAAAA;AAAAA;AAEJ,YAAAC,IAAAN,EAAAxB,EAAA,MAAA;AACA,UAAA8B,GAAA;AACEF,QAAAA,IAAAA,IAAAA,gBAAAA;AACA,cAAAG,IAAA,MAAAC,EAAA,cAAA,SAAAhC,EAAA,WAAA;AAAA,UACE8B,IAAAA;AAAAA;QAEF,CAAA;;;;;YAOMG,KAAAA,EAAAA,KAAAA,EAAAA,OAAAA;AAAAA,UACF,CAAA,GAEFF;AAAA,MAEJ;AAAA;MAIAG,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAAC,EAAA,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAD,EAAA,GACAE,IAAAJ,EAAA,GACAtC,IAAAsC,EAAA,GACAK,IAAA,OAAAC,MAAA;;QAEIf,MAAAA;AAAAA,MACF,CAAA;kBAEEQ,EAAAA,QAAAA,EAAAA,KAAAA,QACAE,EAAAA,QAAAA,EAAAA,KAAAA,MACAE,EAAAA,QAAAA,EAAAA,KAAAA,SACAC,EAAAA,QAAAA,EAAAA,KAAAA,QACA1C,EAAAA,QAAAA,EAAAA,KAAAA;AAAAA;;;MAKwC,QAAA,CAAA,UAAA,MAAA;AAAA,MAA4B,QAAAE,EAAA;AAAA,IAAsB,GAAA;AAAA,MAAAQ,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,QAAA,OAAA;AAAA;;;QAKtE,OAAAO,IAAA,cAAAf,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAQ,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,UAAA,KAAA;AAAA;;;;;UAQzB,OAAA;AAAA,UAChB,cAAAiC;AAAA,UACkB,WAAAE;AAAA,UACN,UAAAlB;AAAA;;UAGJ,UAAA;AAAA;UAEQ,sBAAA,CAAAmB,MAAAjC,EAAA,QAAAiC;AAAA,UAC8C,YAAA;AAAA,UACtD,cAAA;AAAA;;QAIC,GAAAhC,CAAA,GAAA;AAAA;YAMG,OAAA;AAAA;;YAGiD;AAAA;YAQ9DJ,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,MAAAA,IAAAA,CAAAA;AAAAA;;;AAQD,oBAAAqC,IAAAC,EAAA,QAAA;AACA,qBAAAC,EAAAC,GAAAH,EAAA,IAAA,CAAAI,MAAAC,EAAAD,GAAA;AAAA;;YAIF;AAAA,UACF;AAAA,QAAC,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA;EAMb;AACF,CAAA;"}

package/dist/components/can-access/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../hooks/useUser.cjs");const o=require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const r=require("vue"),u=require("../../setup/index.cjs"),c=require("vue-router"),q=r.defineComponent({name:"SkyCanAccess",props:{resource:{type:[String,Array],required:!0},action:{type:[String,Array],required:!0},row:[String,Number],column:[String,Number]},setup(i,{slots:e}){const t=c.useRouter(),{permissions:n}=o.usePermission(),s=r.computed(()=>t.hasRoute(u.skyConfig.loginRouteName)?u.skyConfig.dataProvider?.canAccess?.(i,n.value):!0);return()=>s.value?e.default?.():e.empty?.()}});exports.SkyCanAccess=q;
+//# sourceMappingURL=index.cjs.map

package/dist/components/can-access/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/can-access/index.tsx"],"sourcesContent":["import { usePermission } from '@/hooks'\r\nimport type { CanAccessItem } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport { computed, defineComponent } from 'vue'\r\nimport { useRouter } from 'vue-router'\r\n\r\nexport const SkyCanAccess = defineComponent<CanAccessItem>({\r\n  name: 'SkyCanAccess',\r\n  props: {\r\n    resource: {\r\n      type: [String, Array],\r\n      required: true,\r\n    },\r\n    action: {\r\n      type: [String, Array],\r\n      required: true,\r\n    },\r\n    row: [String, Number],\r\n    column: [String, Number],\r\n  },\r\n  setup(props, { slots }) {\r\n    const router = useRouter()\r\n    const { permissions } = usePermission()\r\n    const access = computed(() => {\r\n      if (!router.hasRoute(skyConfig.loginRouteName)) {\r\n        return true\r\n      }\r\n      return skyConfig.dataProvider?.canAccess?.(props, permissions.value)\r\n    })\r\n    return () => (access.value ? slots.default?.() : slots.empty?.())\r\n  },\r\n})\r\n"],"names":["SkyCanAccess","defineComponent","name","props","resource","type","String","Array","required","action","row","Number","column","setup","slots","router","useRouter","permissions","usePermission","access","computed","hasRoute","skyConfig","loginRouteName","dataProvider","canAccess","value","default","empty"],"mappings":"8xBAMaA,EAAeC,EAAAA,gBAA+B,CACzDC,KAAM,eACNC,MAAO,CACLC,SAAU,CACRC,KAAM,CAACC,OAAQC,KAAK,EACpBC,SAAU,IAEZC,OAAQ,CACNJ,KAAM,CAACC,OAAQC,KAAK,EACpBC,SAAU,IAEZE,IAAK,CAACJ,OAAQK,MAAM,EACpBC,OAAQ,CAACN,OAAQK,MAAM,GAEzBE,MAAMV,EAAO,CAAEW,MAAAA,CAAM,EAAG,CACtB,MAAMC,EAASC,EAAAA,UAAS,EAClB,CAAEC,YAAAA,GAAgBC,gBAAa,EAC/BC,EAASC,EAAAA,SAAS,IACjBL,EAAOM,SAASC,EAAAA,UAAUC,cAAc,EAGtCD,EAAAA,UAAUE,cAAcC,YAAYtB,EAAOc,EAAYS,KAAK,EAF1D,EAGV,EACD,MAAO,IAAOP,EAAOO,MAAQZ,EAAMa,UAAO,EAAOb,EAAMc,QAAK,CAC9D,CACF,CAAC"}

package/dist/components/can-access/index.d.ts

@@ -0,0 +1,2 @@
+import { CanAccessItem } from '../../provides';
+export declare const SkyCanAccess: import('vue').DefineComponent<CanAccessItem, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CanAccessItem> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/can-access/index.mjs

@@ -0,0 +1,46 @@
+import "../../hooks/useUser.mjs";
+import { usePermission as p } from "../../hooks/usePermission.mjs";
+import "../../hooks/useMenu.mjs";
+import "../../hooks/useTab.mjs";
+import "../../hooks/useRouteKeepAlive.mjs";
+import "../../hooks/useSize.mjs";
+import "../../hooks/useLang.mjs";
+import "../../hooks/useTheme.mjs";
+import "../../hooks/useList.mjs";
+import "../../hooks/useHiddenTitle.mjs";
+import "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import "../../hooks/useReferenceArrayField.mjs";
+import "../../hooks/useTreeWithDetails.mjs";
+import "../../hooks/useFormGrid.mjs";
+import "../../hooks/useReferenceArrayInput.mjs";
+import { defineComponent as n, computed as u } from "vue";
+import { skyConfig as t } from "../../setup/index.mjs";
+import { useRouter as s } from "vue-router";
+const x = /* @__PURE__ */ n({
+  name: "SkyCanAccess",
+  props: {
+    resource: {
+      type: [String, Array],
+      required: !0
+    },
+    action: {
+      type: [String, Array],
+      required: !0
+    },
+    row: [String, Number],
+    column: [String, Number]
+  },
+  setup(o, {
+    slots: r
+  }) {
+    const e = s(), {
+      permissions: i
+    } = p(), m = u(() => e.hasRoute(t.loginRouteName) ? t.dataProvider?.canAccess?.(o, i.value) : !0);
+    return () => m.value ? r.default?.() : r.empty?.();
+  }
+});
+export {
+  x as SkyCanAccess
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/can-access/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/can-access/index.tsx"],"sourcesContent":["import { usePermission } from '@/hooks'\r\nimport type { CanAccessItem } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport { computed, defineComponent } from 'vue'\r\nimport { useRouter } from 'vue-router'\r\n\r\nexport const SkyCanAccess = defineComponent<CanAccessItem>({\r\n  name: 'SkyCanAccess',\r\n  props: {\r\n    resource: {\r\n      type: [String, Array],\r\n      required: true,\r\n    },\r\n    action: {\r\n      type: [String, Array],\r\n      required: true,\r\n    },\r\n    row: [String, Number],\r\n    column: [String, Number],\r\n  },\r\n  setup(props, { slots }) {\r\n    const router = useRouter()\r\n    const { permissions } = usePermission()\r\n    const access = computed(() => {\r\n      if (!router.hasRoute(skyConfig.loginRouteName)) {\r\n        return true\r\n      }\r\n      return skyConfig.dataProvider?.canAccess?.(props, permissions.value)\r\n    })\r\n    return () => (access.value ? slots.default?.() : slots.empty?.())\r\n  },\r\n})\r\n"],"names":["SkyCanAccess","defineComponent","name","props","resource","type","String","Array","required","action","row","Number","column","setup","slots","router","useRouter","permissions","usePermission","access","computed","hasRoute","skyConfig","loginRouteName","dataProvider","canAccess","value","default","empty"],"mappings":";;;;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAeC,gBAAAA,EAA+B;AAAA,EACzDC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,UAAU;AAAA,MACRC,MAAM,CAACC,QAAQC,KAAK;AAAA,MACpBC,UAAU;AAAA;IAEZC,QAAQ;AAAA,MACNJ,MAAM,CAACC,QAAQC,KAAK;AAAA,MACpBC,UAAU;AAAA;IAEZE,KAAK,CAACJ,QAAQK,MAAM;AAAA,IACpBC,QAAQ,CAACN,QAAQK,MAAM;AAAA;EAEzBE,MAAMV,GAAO;AAAA,IAAEW,OAAAA;AAAAA,EAAM,GAAG;AACtB,UAAMC,IAASC,EAAS,GAClB;AAAA,MAAEC,aAAAA;AAAAA,QAAgBC,EAAa,GAC/BC,IAASC,EAAS,MACjBL,EAAOM,SAASC,EAAUC,cAAc,IAGtCD,EAAUE,cAAcC,YAAYtB,GAAOc,EAAYS,KAAK,IAF1D,EAGV;AACD,WAAO,MAAOP,EAAOO,QAAQZ,EAAMa,UAAO,IAAOb,EAAMc,QAAK;AAAA,EAC9D;AACF,CAAC;"}

package/dist/components/create/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");require("element-plus/es/components/card/style/css");const e=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");const k=require("../../hooks/useTab.cjs"),C=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 N=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");const T=require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const D=require("../../icons/EpDocumentAdd.cjs"),R=require("../../setup/index.cjs"),V=require("@vueuse/core"),l=require("element-plus"),P=require("vue-i18n"),d=require("vue-router"),_=require("../can-access/index.cjs");function h(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const j=e.defineComponent({name:"SkyCreate",inheritAttrs:!1,setup(t,{slots:m,attrs:q}){const{t:f}=P.useI18n(),o=d.useRoute(),v=d.useRouter(),{removeTab:p,lastTab:u}=k.useTab(),{formData:y,formRef:a}=N.useProvideForm(),s=T.useTreeWithDetails(),{removeKeepAlive:b}=C.useRouteKeepAlive(),i=o.meta;let n;const{isLoading:S,execute:A}=V.useAsyncState(async r=>(n=new AbortController,R.skyConfig.dataProvider?.create?.(o.meta.resource,{data:r,signal:n.signal})),void 0,{immediate:!1}),g=async()=>{if(!a.value||!await a.value.validate())return;const c=await A(0,{...y});c&&(s?.createSuccess?s.createSuccess(c):(i.keepAliveName&&b(i.keepAliveName),p(o.name),u.value&&v.replace({name:u.value.routeName,params:u.value.routeParams})))};return()=>e.createVNode("div",{class:"sky-create"},[e.createVNode(_.SkyCanAccess,{resource:i.resource,action:"create"},{default:()=>[e.createVNode(l.ElCard,q,{default:m.default,footer:()=>{let r;return e.createVNode("div",{class:"sky-create__footer"},[e.createVNode(l.ElButton,{type:"primary",icon:D.EpDocumentAdd,loading:S.value,onClick:g},h(r=f("button.submit"))?r:{default:()=>[r]})])}})]})])}});exports.SkyCreate=j;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/create/index.tsx"],"sourcesContent":["import { useProvideForm, useRouteKeepAlive, useTab, useTreeWithDetails } from '@/hooks'\nimport { EpDocumentAdd } from '@/icons/EpDocumentAdd'\nimport type { CreateResult } from '@/provides'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { skyConfig } from '@/setup'\nimport { useAsyncState } from '@vueuse/core'\nimport { ElButton, ElCard, type CardProps } from 'element-plus'\nimport { defineComponent } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport const SkyCreate = defineComponent<Partial<CardProps>>({\n  name: 'SkyCreate',\n  inheritAttrs: false,\n  setup(_props, { slots, attrs }) {\n    const { t } = useI18n()\n    const route = useRoute()\n    const router = useRouter()\n    const { removeTab, lastTab } = useTab()\n    const { formData, formRef } = useProvideForm()\n    const treeWithDetails = useTreeWithDetails()\n    const { removeKeepAlive } = useRouteKeepAlive()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    let controller: AbortController | undefined\n\n    const { isLoading: formSubmitLoging, execute } = useAsyncState<\n      CreateResult | undefined,\n      [data: Record<string, unknown>]\n    >(\n      async (data) => {\n        controller = new AbortController()\n        return skyConfig.dataProvider?.create?.(route.meta.resource as string, {\n          data,\n          signal: controller.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: false,\n      },\n    )\n\n    const onSumit = async () => {\n      if (!formRef.value) {\n        return\n      }\n      const valid = await formRef.value.validate()\n      if (!valid) {\n        return\n      }\n      const res = await execute(0, { ...formData })\n      if (res) {\n        if (treeWithDetails?.createSuccess) {\n          treeWithDetails.createSuccess(res)\n        } else {\n          if (routeMeta.keepAliveName) {\n            removeKeepAlive(routeMeta.keepAliveName)\n          }\n          removeTab(route.name as string)\n          if (lastTab.value) {\n            router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\n          }\n        }\n      }\n    }\n\n    return () => (\n      <div class=\"sky-create\">\n        <SkyCanAccess resource={routeMeta.resource} action=\"create\">\n          <ElCard {...attrs}>\n            {{\n              default: slots.default,\n              footer: () => (\n                <div class=\"sky-create__footer\">\n                  <ElButton\n                    type=\"primary\"\n                    icon={EpDocumentAdd}\n                    loading={formSubmitLoging.value}\n                    onClick={onSumit}\n                  >\n                    {t('button.submit')}\n                  </ElButton>\n                </div>\n              ),\n            }}\n          </ElCard>\n        </SkyCanAccess>\n      </div>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyCreate","defineComponent","name","inheritAttrs","attrs","t","route","useRoute","router","useRouter","lastTab","formRef","treeWithDetails","useTreeWithDetails","removeKeepAlive","routeMeta","controller","isLoading","execute","useAsyncState","data","immediate","onSumit","res","removeTab","params","_createVNode","default","footer","_slot","EpDocumentAdd"],"mappings":"4jCAU4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAE5C,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,YACAC,aAAAA,oBACuBC,MAAAA,CAAM,EAAA,OACnBC,EAAAA,eACRC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,UAAA,eACmBC,QAAAA,0BACDC,QAAAA,sBAClBC,EAAAC,EAAAA,mBAAA,GACQC,gBAAAA,yBACRC,EAAAT,EAAA,KAEA,IAAAU,QAEQC,UAAAA,EAA6BC,QAAAA,CAAQ,EAAAC,EAAAA,cAAA,MAAAC,IAKzCJ,EAAAA,IAAAA,0FAIA,CAAA,WAIAK,UAAAA,EACF,CAAA,EAGFC,EAAA,SAAA,IACE,CAAAX,EAAA,iCAKE,OAEF,MAAAY,EAAA,MAAAL,EAAA,EAAA,KAA2C,CAAA,EAC3CK,qBAEIX,EAAAA,cAAAA,CAAAA,oBAGEE,EAAAA,EAAAA,aAAAA,EAEFU,EAAAA,EAAAA,IAAAA,sBAEmBtB,KAAAA,EAAAA,MAAAA,UAA+BuB,OAAAA,EAAAA,MAAAA,WAAkC,CAAA,KAM1F,MAAA,IAAAC,EAAAA,YAAA,MAAA,CAAO,MAAA,iEAEuC,OAAA,QAAA,EAAA,CAAAC,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,OAAAA,EAAAA,mBAIpCC,OAAAA,IAAAA,CAAQ,IAAAC,EAAA,OAAAH,EAAAA,YAAA,MAAA,CAAA,MAAA,iDAAA,KAAA,UAAA,KAAAI,EAAAA,mFAQiB,CAAA,CAAA,CAAA,CAAA,CAGxB,CAAA,CAAA,KAMb,CACF,CAAA"}

package/dist/components/create/index.d.ts

@@ -0,0 +1,2 @@
+import { CardProps } from 'element-plus';
+export declare const SkyCreate: import('vue').DefineComponent<Partial<CardProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<CardProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;