skyline-vue-admin 0.0.1

package/dist/components/edit-button/index.mjs

@@ -0,0 +1,60 @@
+import "element-plus/es/components/button/style/css";
+import { defineComponent as m, computed as a, createVNode as i, mergeProps as p, isVNode as d } from "vue";
+import { skyConfig as f } from "../../setup/index.mjs";
+import { ElButton as l } from "element-plus";
+import { useI18n as y } from "vue-i18n";
+import { useRouter as S, useRoute as g } from "vue-router";
+import { SkyCanAccess as k } from "../can-access/index.mjs";
+function b(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !d(e);
+}
+const B = /* @__PURE__ */ m({
+  name: "SkyEditButton",
+  inheritAttrs: !1,
+  props: {
+    id: {
+      type: String,
+      default: "id"
+    },
+    row: Object
+  },
+  setup(e, {
+    attrs: u
+  }) {
+    const {
+      t: s
+    } = y(), r = S(), n = g().meta, o = a(() => {
+      const t = e.row?.[e.id];
+      if (t)
+        return String(t);
+    }), c = () => {
+      const t = f.getEditRouteName(n.resource);
+      o.value && r.hasRoute(t) && r.push({
+        name: t,
+        params: {
+          id: o.value
+        }
+      });
+    };
+    return () => {
+      let t;
+      return i(k, {
+        resource: n.resource,
+        action: "edit",
+        row: o.value
+      }, {
+        default: () => [i(l, p({
+          link: !0,
+          type: "primary",
+          onClick: c
+        }, u), b(t = s("button.edit")) ? t : {
+          default: () => [t]
+        })]
+      });
+    };
+  }
+});
+export {
+  B as SkyEditButton
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/edit-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 SkyEditButtonProps {\n  id?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyEditButton = defineComponent<SkyEditButtonProps & Partial<ButtonProps>>({\n  name: 'SkyEditButton',\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 onEdit = () => {\n      const routeName = skyConfig.getEditRouteName(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=\"edit\" row={id.value}>\n        <ElButton link type=\"primary\" onClick={onEdit} {...attrs}>\n          {t('button.edit')}\n        </ElButton>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyEditButton","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/file-multiple-input/index.cjs

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

package/dist/components/file-multiple-input/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/file-multiple-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\r\nimport type { GetManyResult, Identifier } from '@/provides'\r\nimport {\r\n  ElDialog,\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 { useRoute } from 'vue-router'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useForm, useFormGrid, type SkyUploadUserFile } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport { EpUploadFilled } from '@/icons/EpUploadFilled'\r\nimport { useI18n } from 'vue-i18n'\r\n\r\nexport interface SkyFileMultipleInputProps {\r\n  reference: string\r\n  source: string\r\n  type?: 'file' | 'image'\r\n  dataId?: string\r\n  dataName?: string\r\n  dataUrl?: string\r\n  label?: string\r\n  rules?: FormItemRule | FormItemRule[]\r\n  name?: string\r\n  withCredentials?: boolean\r\n  limit?: number\r\n  fileList?: SkyUploadUserFile[]\r\n  autoUpload?: UploadProps['autoUpload']\r\n}\r\n\r\nexport const SkyFileMultipleInput = defineComponent<\r\n  SkyFileMultipleInputProps & Partial<UploadProps>\r\n>({\r\n  name: 'SkyFileMultipleInput',\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    type: {\r\n      type: String,\r\n      default: 'file',\r\n    },\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    label: String,\r\n    rules: Object,\r\n    limit: {\r\n      type: Number,\r\n      default: 1,\r\n    },\r\n    fileList: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n    autoUpload: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const { t } = useI18n()\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 = shallowRef<SkyUploadUserFile[]>(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 = (files: File[]) => {\r\n      if (props.limit === 1) {\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        if (props.autoUpload) {\r\n          uploadRef.value?.submit()\r\n        }\r\n      }\r\n    }\r\n\r\n    const onSuccess = () => {\r\n      formData[props.source] = fileList.value.map((f) => f.id!)\r\n    }\r\n\r\n    const preview = ref(false)\r\n    const previewUrl = ref<string>()\r\n    const onPreview = (file: UploadFile) => {\r\n      previewUrl.value = file.url\r\n      preview.value = true\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading } = useAsyncState<GetManyResult | undefined>(\r\n      async () => {\r\n        const ids = formData[props.source]\r\n        if (ids) {\r\n          controller = new AbortController()\r\n          const res = await skyConfig.dataProvider?.getMany?.(props.reference, {\r\n            ids: ids as Identifier[],\r\n            signal: controller.signal,\r\n          })\r\n\r\n          if (res?.data) {\r\n            fileList.value = res.data.map((d) => ({\r\n              id: d[props.dataId!] as Identifier,\r\n              name: d[props.dataName!] as string,\r\n              url: d[props.dataUrl!] as string,\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    const accept = computed(() => (props.type === 'image' ? 'image/*' : undefined))\r\n    const listType = computed(() => (props.type === 'image' ? 'picture-card' : 'text'))\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\r\n        <ElFormItem\r\n          class={['sky-file-multiple-input', `is-${props.type}`]}\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={props.name}\r\n            withCredentials={props.withCredentials}\r\n            multiple={props.limit! > 1}\r\n            limit={props.limit}\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={listType.value}\r\n            fileList={fileList.value}\r\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\r\n            autoUpload={props.autoUpload}\r\n            drag={props.type === 'file'}\r\n            showFileList\r\n            onPreview={onPreview}\r\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\r\n            accept={accept.value}\r\n            {...attrs}\r\n          >\r\n            {{\r\n              default: () =>\r\n                props.type === 'image' ? (\r\n                  <ElIcon>\r\n                    <EpPlus />\r\n                  </ElIcon>\r\n                ) : (\r\n                  <>\r\n                    <ElIcon class=\"sky-file-multiple-input__icon\">\r\n                      <EpUploadFilled />\r\n                    </ElIcon>\r\n                    <div class=\"sky-file-multiple-input__text\">\r\n                      {t('upload.drop')}\r\n                      <em>{t('upload.click')}</em>\r\n                    </div>\r\n                  </>\r\n                ),\r\n              file: (scope: { file: UploadFile; index: number }) => {\r\n                if (slots.default) {\r\n                  const vnodes = slots.default()\r\n                  return withDirectives(\r\n                    h(\r\n                      Fragment,\r\n                      vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\r\n                    ),\r\n                    [[ElLoadingDirective, isLoading.value]],\r\n                  )\r\n                }\r\n              },\r\n            }}\r\n          </ElUpload>\r\n          <ElDialog\r\n            appendToBody\r\n            modelValue={preview.value}\r\n            onUpdate:modelValue={(v) => (preview.value = v)}\r\n          >\r\n            <img class=\"sky-file-multiple-input__img\" src={previewUrl.value} />\r\n          </ElDialog>\r\n        </ElFormItem>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyFileMultipleInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","default","dataId","dataName","dataUrl","label","rules","limit","fileList","autoUpload","attrs","t","route","useRoute","formGrid","useFormGrid","editData","title","computed","shallowRef","uploadRef","useTemplateRef","routeMeta","formData","file","files","preview","ref","previewUrl","controller","isLoading","ids","res","skyConfig","id","url","immediate","action","data","headers","method","beforeUpload","rawFile","accept","listType","onSuccess","onExceed","fs","onPreview","_createVNode","_Fragment","ElIcon","vnodes","slots","withDirectives","h","Fragment","vnode","cloneVNode","ElLoadingDirective","v"],"mappings":"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"}

package/dist/components/file-multiple-input/index.d.ts

@@ -0,0 +1,18 @@
+import { FormItemRule, UploadProps } from 'element-plus';
+import { SkyUploadUserFile } from '../../hooks';
+export interface SkyFileMultipleInputProps {
+    reference: string;
+    source: string;
+    type?: 'file' | 'image';
+    dataId?: string;
+    dataName?: string;
+    dataUrl?: string;
+    label?: string;
+    rules?: FormItemRule | FormItemRule[];
+    name?: string;
+    withCredentials?: boolean;
+    limit?: number;
+    fileList?: SkyUploadUserFile[];
+    autoUpload?: UploadProps['autoUpload'];
+}
+export declare const SkyFileMultipleInput: import('vue').DefineComponent<SkyFileMultipleInputProps & Partial<UploadProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyFileMultipleInputProps & Partial<UploadProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/file-multiple-input/index.mjs

@@ -0,0 +1,189 @@
+import "element-plus/es/components/dialog/style/css";
+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 T, computed as m, shallowRef as c, useTemplateRef as V, ref as o, createVNode as l, mergeProps as q, withDirectives as B, h as G, Fragment as w, cloneVNode as $ } from "vue";
+import { EpPlus as j } from "../../icons/EpPlus.mjs";
+import { ElFormItem as O, ElUpload as z, ElLoadingDirective as H, ElIcon as F, ElDialog as J, genFileId as K } from "element-plus";
+import { useRoute as Q } from "vue-router";
+import { useAsyncState as W } from "@vueuse/core";
+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 X } from "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import "../../hooks/useReferenceArrayField.mjs";
+import "../../hooks/useTreeWithDetails.mjs";
+import { useFormGrid as Y } from "../../hooks/useFormGrid.mjs";
+import "../../hooks/useReferenceArrayInput.mjs";
+import { skyConfig as b } from "../../setup/index.mjs";
+import { SkyCanAccess as Z } from "../can-access/index.mjs";
+import { EpUploadFilled as ee } from "../../icons/EpUploadFilled.mjs";
+import { useI18n as te } from "vue-i18n";
+const _e = /* @__PURE__ */ T({
+  name: "SkyFileMultipleInput",
+  inheritAttrs: !1,
+  props: {
+    reference: {
+      type: String,
+      required: !0
+    },
+    source: {
+      type: String,
+      required: !0
+    },
+    type: {
+      type: String,
+      default: "file"
+    },
+    dataId: {
+      type: String,
+      default: "id"
+    },
+    dataName: {
+      type: String,
+      default: "name"
+    },
+    dataUrl: {
+      type: String,
+      default: "url"
+    },
+    label: String,
+    rules: Object,
+    limit: {
+      type: Number,
+      default: 1
+    },
+    fileList: {
+      type: Array,
+      default: () => []
+    },
+    autoUpload: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e, {
+    slots: s,
+    attrs: k
+  }) {
+    const {
+      t: f
+    } = te(), E = Q(), I = Y(), {
+      formData: r,
+      editData: p
+    } = X(), C = m(() => e.label || e.source), u = c(e.fileList), n = V("uploadRef"), L = E.meta;
+    p.value && (r[e.source] = p.value[e.source]);
+    const P = (t) => {
+      if (e.limit === 1) {
+        n.value?.clearFiles();
+        const a = t[0];
+        a.uid = K(), n.value?.handleStart(a), e.autoUpload && n.value?.submit();
+      }
+    }, R = () => {
+      r[e.source] = u.value.map((t) => t.id);
+    }, d = o(!1), v = o(), _ = (t) => {
+      v.value = t.url, d.value = !0;
+    };
+    let y;
+    const {
+      isLoading: x
+    } = W(async () => {
+      const t = r[e.source];
+      if (t) {
+        y = new AbortController();
+        const a = await b.dataProvider?.getMany?.(e.reference, {
+          ids: t,
+          signal: y.signal
+        });
+        if (a?.data)
+          return u.value = a.data.map((i) => ({
+            id: i[e.dataId],
+            name: i[e.dataName],
+            url: i[e.dataUrl]
+          })), a;
+      }
+    }, void 0, {
+      immediate: !0
+    }), g = o(""), h = c(), S = c(), U = o(), A = o(), D = async (t) => {
+      const a = await b.dataProvider?.getUploadConfig?.({
+        file: t
+      });
+      a?.data && (g.value = a.data.action, h.value = a.data.data, S.value = a.data.headers, U.value = a.data.method, A.value = a.data.name);
+    }, N = m(() => e.type === "image" ? "image/*" : void 0), M = m(() => e.type === "image" ? "picture-card" : "text");
+    return () => l(Z, {
+      resource: L.resource,
+      action: ["create", "edit"],
+      column: e.source
+    }, {
+      default: () => [l(O, {
+        class: ["sky-file-multiple-input", `is-${e.type}`],
+        label: C.value,
+        prop: e.source,
+        rules: e.rules,
+        style: I ? `grid-area: ${e.source}` : ""
+      }, {
+        default: () => [l(z, q({
+          ref: "uploadRef",
+          action: g.value,
+          method: U.value,
+          name: e.name,
+          withCredentials: e.withCredentials,
+          multiple: e.limit > 1,
+          limit: e.limit,
+          beforeUpload: D,
+          onSuccess: R,
+          onExceed: P,
+          headers: S.value,
+          data: h.value,
+          listType: M.value,
+          fileList: u.value,
+          "onUpdate:file-list": (t) => u.value = t,
+          autoUpload: e.autoUpload,
+          drag: e.type === "file",
+          showFileList: !0,
+          onPreview: _,
+          accept: N.value
+        }, k), {
+          default: () => e.type === "image" ? l(F, null, {
+            default: () => [l(j, null, null)]
+          }) : l(w, null, [l(F, {
+            class: "sky-file-multiple-input__icon"
+          }, {
+            default: () => [l(ee, null, null)]
+          }), l("div", {
+            class: "sky-file-multiple-input__text"
+          }, [f("upload.drop"), l("em", null, [f("upload.click")])])]),
+          file: (t) => {
+            if (s.default) {
+              const a = s.default();
+              return B(G(w, a.map((i) => $(i, {
+                ...t
+              }))), [[H, x.value]]);
+            }
+          }
+        }), l(J, {
+          appendToBody: !0,
+          modelValue: d.value,
+          "onUpdate:modelValue": (t) => d.value = t
+        }, {
+          default: () => [l("img", {
+            class: "sky-file-multiple-input__img",
+            src: v.value
+          }, null)]
+        })]
+      })]
+    });
+  }
+});
+export {
+  _e as SkyFileMultipleInput
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/file-multiple-input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/file-multiple-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\r\nimport type { GetManyResult, Identifier } from '@/provides'\r\nimport {\r\n  ElDialog,\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 { useRoute } from 'vue-router'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useForm, useFormGrid, type SkyUploadUserFile } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport { EpUploadFilled } from '@/icons/EpUploadFilled'\r\nimport { useI18n } from 'vue-i18n'\r\n\r\nexport interface SkyFileMultipleInputProps {\r\n  reference: string\r\n  source: string\r\n  type?: 'file' | 'image'\r\n  dataId?: string\r\n  dataName?: string\r\n  dataUrl?: string\r\n  label?: string\r\n  rules?: FormItemRule | FormItemRule[]\r\n  name?: string\r\n  withCredentials?: boolean\r\n  limit?: number\r\n  fileList?: SkyUploadUserFile[]\r\n  autoUpload?: UploadProps['autoUpload']\r\n}\r\n\r\nexport const SkyFileMultipleInput = defineComponent<\r\n  SkyFileMultipleInputProps & Partial<UploadProps>\r\n>({\r\n  name: 'SkyFileMultipleInput',\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    type: {\r\n      type: String,\r\n      default: 'file',\r\n    },\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    label: String,\r\n    rules: Object,\r\n    limit: {\r\n      type: Number,\r\n      default: 1,\r\n    },\r\n    fileList: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n    autoUpload: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const { t } = useI18n()\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 = shallowRef<SkyUploadUserFile[]>(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 = (files: File[]) => {\r\n      if (props.limit === 1) {\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        if (props.autoUpload) {\r\n          uploadRef.value?.submit()\r\n        }\r\n      }\r\n    }\r\n\r\n    const onSuccess = () => {\r\n      formData[props.source] = fileList.value.map((f) => f.id!)\r\n    }\r\n\r\n    const preview = ref(false)\r\n    const previewUrl = ref<string>()\r\n    const onPreview = (file: UploadFile) => {\r\n      previewUrl.value = file.url\r\n      preview.value = true\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading } = useAsyncState<GetManyResult | undefined>(\r\n      async () => {\r\n        const ids = formData[props.source]\r\n        if (ids) {\r\n          controller = new AbortController()\r\n          const res = await skyConfig.dataProvider?.getMany?.(props.reference, {\r\n            ids: ids as Identifier[],\r\n            signal: controller.signal,\r\n          })\r\n\r\n          if (res?.data) {\r\n            fileList.value = res.data.map((d) => ({\r\n              id: d[props.dataId!] as Identifier,\r\n              name: d[props.dataName!] as string,\r\n              url: d[props.dataUrl!] as string,\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    const accept = computed(() => (props.type === 'image' ? 'image/*' : undefined))\r\n    const listType = computed(() => (props.type === 'image' ? 'picture-card' : 'text'))\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\r\n        <ElFormItem\r\n          class={['sky-file-multiple-input', `is-${props.type}`]}\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={props.name}\r\n            withCredentials={props.withCredentials}\r\n            multiple={props.limit! > 1}\r\n            limit={props.limit}\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={listType.value}\r\n            fileList={fileList.value}\r\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\r\n            autoUpload={props.autoUpload}\r\n            drag={props.type === 'file'}\r\n            showFileList\r\n            onPreview={onPreview}\r\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\r\n            accept={accept.value}\r\n            {...attrs}\r\n          >\r\n            {{\r\n              default: () =>\r\n                props.type === 'image' ? (\r\n                  <ElIcon>\r\n                    <EpPlus />\r\n                  </ElIcon>\r\n                ) : (\r\n                  <>\r\n                    <ElIcon class=\"sky-file-multiple-input__icon\">\r\n                      <EpUploadFilled />\r\n                    </ElIcon>\r\n                    <div class=\"sky-file-multiple-input__text\">\r\n                      {t('upload.drop')}\r\n                      <em>{t('upload.click')}</em>\r\n                    </div>\r\n                  </>\r\n                ),\r\n              file: (scope: { file: UploadFile; index: number }) => {\r\n                if (slots.default) {\r\n                  const vnodes = slots.default()\r\n                  return withDirectives(\r\n                    h(\r\n                      Fragment,\r\n                      vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\r\n                    ),\r\n                    [[ElLoadingDirective, isLoading.value]],\r\n                  )\r\n                }\r\n              },\r\n            }}\r\n          </ElUpload>\r\n          <ElDialog\r\n            appendToBody\r\n            modelValue={preview.value}\r\n            onUpdate:modelValue={(v) => (preview.value = v)}\r\n          >\r\n            <img class=\"sky-file-multiple-input__img\" src={previewUrl.value} />\r\n          </ElDialog>\r\n        </ElFormItem>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyFileMultipleInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","default","dataId","dataName","dataUrl","label","rules","limit","fileList","autoUpload","attrs","t","route","useRoute","formGrid","useFormGrid","editData","title","computed","shallowRef","uploadRef","useTemplateRef","routeMeta","formData","file","files","preview","ref","previewUrl","controller","isLoading","ids","res","skyConfig","id","url","immediate","action","data","headers","method","beforeUpload","rawFile","accept","listType","onSuccess","onExceed","fs","onPreview","_createVNode","_Fragment","ElIcon","vnodes","slots","withDirectives","h","Fragment","vnode","cloneVNode","ElLoadingDirective","v"],"mappings":"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"}

package/dist/components/filter/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/form/style/css");require("element-plus/es/components/form-item/style/css");const e=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");const q=require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const a=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 u=require("element-plus"),d=require("vue-i18n");function f(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const m=e.defineComponent({name:"SkyFilter",setup(r,{slots:o}){const{t:n}=d.useI18n(),{formData:i}=a.useProvideForm(),{filterData:l,getList:s}=q.useList(),c=()=>{Object.assign(l,i),s()};return()=>{let t;return e.createVNode(u.ElForm,{class:"sky-filter",inline:!0,model:i},{default:()=>[o.default?.(),e.createVNode(u.ElFormItem,null,{default:()=>[e.createVNode(u.ElButton,{type:"primary",onClick:c},f(t=n("button.query"))?t:{default:()=>[t]})]})]})}}});exports.SkyFilter=m;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/filter/index.tsx"],"sourcesContent":["import { useList, useProvideForm } from '@/hooks'\r\nimport { ElButton, ElForm, ElFormItem, type FormProps } from 'element-plus'\r\nimport { defineComponent } from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\n\r\nexport const SkyFilter = defineComponent<Partial<FormProps>>({\r\n  name: 'SkyFilter',\r\n  setup(_props, { slots }) {\r\n    const { t } = useI18n()\r\n    const { formData } = useProvideForm()\r\n    const { filterData, getList } = useList()!\r\n    const onClick = () => {\r\n      Object.assign(filterData, formData)\r\n      getList()\r\n    }\r\n    return () => (\r\n      <ElForm class=\"sky-filter\" inline model={formData}>\r\n        {slots.default?.()}\r\n        <ElFormItem>\r\n          <ElButton type=\"primary\" onClick={onClick}>\r\n            {t('button.query')}\r\n          </ElButton>\r\n        </ElFormItem>\r\n      </ElForm>\r\n    )\r\n  },\r\n})\r\n"],"names":["_isSlot","s","_isVNode","SkyFilter","defineComponent","name","slots","t","formData","getList","Object","_slot","default"],"mappings":"u8BAGkC,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAElC,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,qBACgBC,MAAAA,CAAM,EAAA,OACZC,EAAAA,gBACAC,SAAAA,oCACYC,QAAAA,sBAElBC,OAAAA,OAAAA,EAAAA,CAAAA,EACAD,EAAAA,cAEK,IAAAE,iCAAA,MAAA,aAAA,OAAA,UAC4C,EAAA,6DAC7BC,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,WAAAA,CAAA,KAAA,8DAGI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAK5B,CACF,CAAA"}

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

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

package/dist/components/filter/index.mjs

@@ -0,0 +1,63 @@
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/form-item/style/css";
+import { defineComponent as s, createVNode as r, isVNode as u } 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 { useList as c } from "../../hooks/useList.mjs";
+import "../../hooks/useHiddenTitle.mjs";
+import { useProvideForm as f } from "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import "../../hooks/useReferenceArrayField.mjs";
+import "../../hooks/useTreeWithDetails.mjs";
+import "../../hooks/useFormGrid.mjs";
+import "../../hooks/useReferenceArrayInput.mjs";
+import { ElForm as a, ElFormItem as d, ElButton as y } from "element-plus";
+import { useI18n as b } from "vue-i18n";
+function k(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !u(t);
+}
+const G = /* @__PURE__ */ s({
+  name: "SkyFilter",
+  setup(t, {
+    slots: e
+  }) {
+    const {
+      t: m
+    } = b(), {
+      formData: i
+    } = f(), {
+      filterData: p,
+      getList: n
+    } = c(), l = () => {
+      Object.assign(p, i), n();
+    };
+    return () => {
+      let o;
+      return r(a, {
+        class: "sky-filter",
+        inline: !0,
+        model: i
+      }, {
+        default: () => [e.default?.(), r(d, null, {
+          default: () => [r(y, {
+            type: "primary",
+            onClick: l
+          }, k(o = m("button.query")) ? o : {
+            default: () => [o]
+          })]
+        })]
+      });
+    };
+  }
+});
+export {
+  G as SkyFilter
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/filter/index.tsx"],"sourcesContent":["import { useList, useProvideForm } from '@/hooks'\r\nimport { ElButton, ElForm, ElFormItem, type FormProps } from 'element-plus'\r\nimport { defineComponent } from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\n\r\nexport const SkyFilter = defineComponent<Partial<FormProps>>({\r\n  name: 'SkyFilter',\r\n  setup(_props, { slots }) {\r\n    const { t } = useI18n()\r\n    const { formData } = useProvideForm()\r\n    const { filterData, getList } = useList()!\r\n    const onClick = () => {\r\n      Object.assign(filterData, formData)\r\n      getList()\r\n    }\r\n    return () => (\r\n      <ElForm class=\"sky-filter\" inline model={formData}>\r\n        {slots.default?.()}\r\n        <ElFormItem>\r\n          <ElButton type=\"primary\" onClick={onClick}>\r\n            {t('button.query')}\r\n          </ElButton>\r\n        </ElFormItem>\r\n      </ElForm>\r\n    )\r\n  },\r\n})\r\n"],"names":["_isSlot","s","_isVNode","SkyFilter","defineComponent","name","slots","t","formData","getList","Object","_slot","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAGkC,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAElC,MAAAE,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA;IACgBC,OAAAA;AAAAA,EAAM,GAAA;;MACZC,GAAAA;AAAAA;MACAC,UAAAA;AAAAA;;MACYC,SAAAA;AAAAA;AAElBC,aAAAA,OAAAA,GAAAA,CAAAA,GACAD,EAAAA;AAAAA;;AAEK,UAAAE;;QAAA,OAAA;AAAA,QAAA,QAAA;AAAA;MAC4C,GAAA;AAAA;UAC7BC,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,YAAA,MAAA;AAAA;;;UAGI,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAK5B;AACF,CAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/image-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\nimport { ElImage, type ImageProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyImageFieldProps {\n  source: string\n  src?: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyImageField = defineComponent<SkyImageFieldProps & Partial<ImageProps>>({\n  name: 'SkyImageField',\n  inheritAttrs: false,\n  props: {\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    const field = computed<string>(() => {\n      const v = props.row?.[props.source]\n      if (!v) {\n        return ''\n      }\n      if (typeof v !== 'object') {\n        return String(v)\n      }\n      return (v as Record<string, string>)[props.src!] || ''\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {field.value &&\n          (hiddenTitle ? (\n            <ElImage src={field.value} {...attrs} />\n          ) : (\n            <div class=\"sky-image-field\">\n              {title.value && <h4>{title.value}</h4>}\n              <ElImage src={field.value} {...attrs} />\n            </div>\n          ))}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyImageField","defineComponent","name","inheritAttrs","props","source","type","required","src","default","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","field","v","_createVNode","ElImage","_mergeProps"],"mappings":"s3BAcAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,IAAAA,CACEF,KAAAA,OACAG,QAAAA,OAEFC,MAAAA,OACAC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,eAAA,EACAC,EAAAC,EAAAA,SAAA,IAAAd,EAAA,OAAAA,EAAA,MAAA,EACAe,EAAAN,EAAA,KAEAO,EAAAF,EAAAA,SAAA,IAAA,oCAKE,OAAAG,GAAA,mBAGAA,EAAAjB,EAAA,GAAA,GAAA,GALE,EAMJ,CAAA,8DAG4C,OAAA,CAAA,OAAA,MAAA,EAA0B,OAAAA,EAAA,MAAsB,EAAA,CAAAK,QAAAA,IAAAA,CAAAA,EAAAA,QAAAA,EAAAA,EAAAA,YAAAA,EAAAA,QAAAA,aAAAA,CAE1E,IAAAW,EAAA,qCAC0B,MAAA,iBAAA,EAAA,CAAAH,EAAA,OAAAK,EAAAA,YAAA,KAAA,KAAA,CAAAL,EAAA,KAAA,CAAA,EAAAK,cAAAC,EAAAA,QAAAC,EAAAA,WAAA,CAGI,IAAAJ,EAAA,qBAMlD,CACF,CAAA"}

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

@@ -0,0 +1,8 @@
+import { ImageProps } from 'element-plus';
+export interface SkyImageFieldProps {
+    source: string;
+    src?: string;
+    label?: string;
+    row?: Record<string, unknown>;
+}
+export declare const SkyImageField: import('vue').DefineComponent<SkyImageFieldProps & Partial<ImageProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyImageFieldProps & Partial<ImageProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/image-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\nimport { ElImage, type ImageProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyImageFieldProps {\n  source: string\n  src?: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyImageField = defineComponent<SkyImageFieldProps & Partial<ImageProps>>({\n  name: 'SkyImageField',\n  inheritAttrs: false,\n  props: {\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    const field = computed<string>(() => {\n      const v = props.row?.[props.source]\n      if (!v) {\n        return ''\n      }\n      if (typeof v !== 'object') {\n        return String(v)\n      }\n      return (v as Record<string, string>)[props.src!] || ''\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {field.value &&\n          (hiddenTitle ? (\n            <ElImage src={field.value} {...attrs} />\n          ) : (\n            <div class=\"sky-image-field\">\n              {title.value && <h4>{title.value}</h4>}\n              <ElImage src={field.value} {...attrs} />\n            </div>\n          ))}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyImageField","defineComponent","name","inheritAttrs","props","source","type","required","src","default","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","field","v","_createVNode","ElImage","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAcA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,KAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAG,SAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAd,EAAA,SAAAA,EAAA,MAAA,GACAe,IAAAN,EAAA,MAEAO,IAAAF,EAAA,MAAA;;iBAKE,OAAAG,KAAA,uBAGAA,EAAAjB,EAAA,GAAA,KAAA,KALE;AAAA,IAMJ,CAAA;;;MAG4C,QAAA,CAAA,QAAA,MAAA;AAAA,MAA0B,QAAAA,EAAA;AAAA,IAAsB,GAAA;AAAA,MAAAK,SAAAA,MAAAA,CAAAA,EAAAA,UAAAA,IAAAA,EAAAA,GAAAA,EAAAA;AAAAA,QAE1E,KAAAW,EAAA;AAAA;QAC0B,OAAA;AAAA,MAAA,GAAA,CAAAH,EAAA,SAAAK,EAAA,MAAA,MAAA,CAAAL,EAAA,KAAA,CAAA,GAAAK,EAAAC,GAAAC,EAAA;AAAA,QAGI,KAAAJ,EAAA;AAAA;;EAMlD;AACF,CAAA;"}

package/dist/components/index.d.ts

@@ -0,0 +1,27 @@
+export * from './can-access';
+export * from './list';
+export * from './filter';
+export * from './data-table';
+export * from './data-table-col';
+export * from './edit-button';
+export * from './show-button';
+export * from './show';
+export * from './show-simple-layout';
+export * from './text-field';
+export * from './image-field';
+export * from './reference-image-field';
+export * from './reference-array-field';
+export * from './single-field-list';
+export * from './link-field';
+export * from './reference-field';
+export * from './create';
+export * from './simple-form';
+export * from './text-input';
+export * from './radio-button-group-input';
+export * from './reference-array-input';
+export * from './auto-complete-array-input';
+export * from './avatar-input';
+export * from './file-multiple-input';
+export * from './tree-select-input';
+export * from './tree-with-details';
+export * from './edit';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");const e=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");const a=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 o=require("element-plus"),q=require("vue-router"),k=require("../can-access/index.cjs"),m=e.defineComponent({name:"SkyLinkField",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,row:Object},emits:["click"],setup(r,{emit:t,attrs:u}){const c=q.useRoute(),l=a.useHiddenTitle(),s=c.meta,i=e.computed(()=>{const n=r.row?.[r.source];return n?String(n):""}),d=e.computed(()=>r.label||r.source);return()=>e.createVNode(k.SkyCanAccess,{resource:s.resource,action:["list","show"],column:r.source},{default:()=>[l?e.createVNode("div",null,[e.createVNode(o.ElButton,e.mergeProps({type:"primary",text:!0,bg:!0,onClick:()=>t("click",r.row)},u),{default:()=>[i.value]})]):e.createVNode("div",{class:"sky-link-field"},[e.createVNode("h4",null,[d.value]),e.createVNode(o.ElButton,e.mergeProps({type:"primary",text:!0,bg:!0,onClick:()=>t("click",r.row)},u),{default:()=>[i.value]})])]})}});exports.SkyLinkField=m;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/link-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { ElButton, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyLinkFieldProps {\n  source: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyLinkField = defineComponent<SkyLinkFieldProps & Partial<ButtonProps>>({\n  name: 'SkyLinkField',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    row: Object,\n  },\n  emits: ['click'],\n  setup(props, { emit, attrs }) {\n    const route = useRoute()\n    const hiddenTitle = useHiddenTitle()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    const field = computed<string>(() => {\n      const v = props.row?.[props.source]\n      if (v) {\n        return String(v)\n      }\n      return ''\n    })\n\n    const title = computed(() => {\n      return props.label || props.source\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {hiddenTitle ? (\n          <div>\n            <ElButton type=\"primary\" text bg onClick={() => emit('click', props.row)} {...attrs}>\n              {field.value}\n            </ElButton>\n          </div>\n        ) : (\n          <div class=\"sky-link-field\">\n            <h4>{title.value}</h4>\n            <ElButton type=\"primary\" text bg onClick={() => emit('click', props.row)} {...attrs}>\n              {field.value}\n            </ElButton>\n          </div>\n        )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyLinkField","defineComponent","name","inheritAttrs","props","source","type","required","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","field","computed","v","title","default","_createVNode"],"mappings":"u3BAaAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,eACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,IAAAA,wCAGmBC,MAAAA,CAAM,EAAA,CACzB,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,eAAA,EACAC,EAAAJ,EAAA,KAEAK,EAAAC,EAAAA,SAAA,IAAA,2BAEE,OAAAC,YAGA,EACF,CAAA,EAEAC,EAAAF,EAAAA,SAAA,IACEb,EAAA,OAAAA,EAAA,MACF,8DAG4C,OAAA,CAAA,OAAA,MAAA,EAA0B,OAAAA,EAAA,MAAsB,EAAA,iFAC5E,KAAA,UAAA,KAAA,GAAA,GAAA,+BAEgE,EAAAM,CAAA,EAAA,CAAWU,QAAAA,IAAAA,CAAAA,EAAAA,KAAAA,CACrE,CAAA,CAAA,CAAA,EAAAC,EAAAA,YAAA,MAAA,CAAA,MAAA,6FAKE,KAAA,UAAA,KAAA,GAAA,GAAA,+BACwD,EAAAX,CAAA,EAAA,CAAWU,QAAAA,IAAAA,CAAAA,EAAAA,KAAAA,QAO7F,CACF,CAAA"}

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

@@ -0,0 +1,7 @@
+import { ButtonProps } from 'element-plus';
+export interface SkyLinkFieldProps {
+    source: string;
+    label?: string;
+    row?: Record<string, unknown>;
+}
+export declare const SkyLinkField: import('vue').DefineComponent<SkyLinkFieldProps & Partial<ButtonProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyLinkFieldProps & Partial<ButtonProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;