skyline-vue-admin 0.0.1

package/dist/components/create/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAU4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAE5C,MAAAE,KAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA;;IACuBC,OAAAA;AAAAA,EAAM,GAAA;;MACnBC,GAAAA;AAAAA,aACRC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACmBC,SAAAA;AAAAA;;MACDC,SAAAA;AAAAA,aAClBC,IAAAC,EAAA;MACQC,iBAAAA;AAAAA,aACRC,IAAAT,EAAA;AAEA,QAAAU;;MAEQC,WAAAA;AAAAA,MAA6BC,SAAAA;AAAAA,IAAQ,IAAAC,EAAA,OAAAC,OAKzCJ,IAAAA,IAAAA,gBAAAA;;;IAIA,CAAA;MAIAK,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAA,YAAA;UACE,CAAAX,EAAA;AAKE;AAEF,YAAAY,IAAA,MAAAL,EAAA,GAAA;AAAA;MAA2C,CAAA;AAC3C,MAAAK,yBAEIX,EAAAA,cAAAA,CAAAA,wBAGEE,EAAAA,EAAAA,aAAAA,GAEFU,EAAAA,EAAAA,IAAAA;QAEmBtB,MAAAA,EAAAA,MAAAA;AAAAA,QAA+BuB,QAAAA,EAAAA,MAAAA;AAAAA,MAAkC,CAAA;AAAA;AAM1F,WAAA,MAAAC,EAAA,OAAA;AAAA,MAAO,OAAA;AAAA;;MAEuC,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,GAAAA;AAAAA;QAIpCC,QAAAA,MAAAA;AAAQ,cAAAC;AAAA,iBAAAH,EAAA,OAAA;AAAA,YAAA,OAAA;AAAA;YAAA,MAAA;AAAA,YAAA,MAAAI;AAAA;;;;UAQiB,CAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAGxB,CAAA,CAAA;AAAA;EAMb;AACF,CAAA;"}

package/dist/components/data-table/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/alert/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/popconfirm/style/css");require("element-plus/es/components/skeleton/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");require("element-plus/es/components/text/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 V=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 E=require("../../icons/EpDelete.cjs"),T=require("../../setup/index.cjs"),k=require("@vueuse/core"),r=require("element-plus"),C=require("vue-i18n"),x=require("vue-router"),D=require("../can-access/index.cjs");function R(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}const h=e.defineComponent({name:"SkyDataTable",inheritAttrs:!1,props:{id:{type:String,default:"id"}},setup(a,{slots:d,attrs:q}){const{t:o}=C.useI18n(),i=x.useRoute(),{getList:f,listLoading:m,listData:p}=V.useList(),y=i.meta,b=e.useTemplateRef("tableRef"),l=e.shallowRef([]),u=t=>{l.value=t},s=()=>{l.value=[],b.value?.clearSelection()},g=async()=>{await S(),await f(),s()};let c;const{isLoading:v,execute:S}=k.useAsyncState(async()=>{if(l.value.map(n=>String(n[a.id])).length)return c=new AbortController,T.skyConfig.dataProvider?.deleteMany?.(i.meta.resource,{ids:l.value.map(n=>String(n[a.id])),signal:c.signal})},void 0,{immediate:!1}),N=e.computed(()=>!!(v.value||m.value));return()=>e.createVNode(r.ElSkeleton,{loading:N.value,animated:!0},{default:()=>[e.createVNode("div",{class:"sky-data-table"},[e.createVNode(D.SkyCanAccess,{resource:y.resource,action:"delete"},{default:()=>[l.value.length>0&&e.createVNode(r.ElAlert,{class:"sky-data-table__alert",type:"primary",onClose:s},{default:()=>[e.createVNode(r.ElText,{type:"primary"},{default:()=>[l.value.length,e.createTextVNode(" "),o("selectedItems")]}),e.createVNode(r.ElPopconfirm,{title:o("popconfirm.remove"),onConfirm:g},{reference:()=>{let t;return e.createVNode(r.ElButton,{text:!0,type:"danger",icon:E.EpDelete},R(t=o("button.remove"))?t:{default:()=>[t]})}})]})]}),e.createVNode(r.ElTable,e.mergeProps({ref:"tableRef",class:"sky-data-table__main",data:p.value?.data,border:!0,onSelect:t=>u(t),"onSelect-all":t=>u(t)},q),{default:()=>[e.createVNode(r.ElTableColumn,{type:"selection"},null),e.createVNode(r.ElTableColumn,{type:"index",label:"#",width:"50"},null),d.default?.()]})])]})}});exports.SkyDataTable=h;
+//# sourceMappingURL=index.cjs.map

package/dist/components/data-table/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/data-table/index.tsx"],"sourcesContent":["import { useList } from '@/hooks'\r\nimport { EpDelete } from '@/icons/EpDelete'\r\nimport type { DeleteManyResult } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport {\r\n  ElAlert,\r\n  ElButton,\r\n  ElPopconfirm,\r\n  ElSkeleton,\r\n  ElTable,\r\n  ElTableColumn,\r\n  ElText,\r\n  type TableProps,\r\n} from 'element-plus'\r\nimport { computed, defineComponent, shallowRef, useTemplateRef } from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { useRoute } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface SkyDataTableProps {\r\n  id?: string\r\n}\r\n\r\nexport const SkyDataTable = defineComponent<\r\n  SkyDataTableProps & Partial<TableProps<Record<string, unknown>>>\r\n>({\r\n  name: 'SkyDataTable',\r\n  inheritAttrs: false,\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const { t } = useI18n()\r\n    const route = useRoute()\r\n    const { getList, listLoading, listData } = useList()!\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    const tableRef = useTemplateRef<InstanceType<typeof ElTable> | null>('tableRef')\r\n    const selectedItems = shallowRef<Record<string, unknown>[]>([])\r\n    const onSelect = (selection: Record<string, unknown>[]) => {\r\n      selectedItems.value = selection\r\n    }\r\n    const onClose = () => {\r\n      selectedItems.value = []\r\n      tableRef.value?.clearSelection()\r\n    }\r\n    const onDelete = async () => {\r\n      await execute()\r\n      await getList()\r\n      onClose()\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading: deleteLoading, execute } = useAsyncState<DeleteManyResult | undefined>(\r\n      async () => {\r\n        const ids = selectedItems.value.map((item) => String(item[props.id!]))\r\n        if (ids.length) {\r\n          controller = new AbortController()\r\n          return skyConfig.dataProvider?.deleteMany?.(route.meta.resource as string, {\r\n            ids: selectedItems.value.map((item) => String(item[props.id!])),\r\n            signal: controller.signal,\r\n          })\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: false,\r\n      },\r\n    )\r\n\r\n    const loading = computed<boolean>(() => Boolean(deleteLoading.value || listLoading.value))\r\n\r\n    return () => (\r\n      <ElSkeleton loading={loading.value} animated>\r\n        <div class=\"sky-data-table\">\r\n          <SkyCanAccess resource={routeMeta.resource} action=\"delete\">\r\n            {selectedItems.value.length > 0 && (\r\n              <ElAlert class=\"sky-data-table__alert\" type=\"primary\" onClose={onClose}>\r\n                <ElText type=\"primary\">\r\n                  {selectedItems.value.length} {t('selectedItems')}\r\n                </ElText>\r\n                <ElPopconfirm title={t('popconfirm.remove')} onConfirm={onDelete}>\r\n                  {{\r\n                    reference: () => (\r\n                      <ElButton text type=\"danger\" icon={EpDelete}>\r\n                        {t('button.remove')}\r\n                      </ElButton>\r\n                    ),\r\n                  }}\r\n                </ElPopconfirm>\r\n              </ElAlert>\r\n            )}\r\n          </SkyCanAccess>\r\n          <ElTable\r\n            ref=\"tableRef\"\r\n            class=\"sky-data-table__main\"\r\n            data={listData.value?.data}\r\n            border\r\n            onSelect={(selection) => onSelect(selection)}\r\n            onSelect-all={(selection) => onSelect(selection)}\r\n            {...attrs}\r\n          >\r\n            <ElTableColumn type=\"selection\" />\r\n            <ElTableColumn type=\"index\" label=\"#\" width=\"50\" />\r\n            {slots.default?.()}\r\n          </ElTable>\r\n        </div>\r\n      </ElSkeleton>\r\n    )\r\n  },\r\n})\r\n"],"names":["_isSlot","s","_isVNode","SkyDataTable","defineComponent","name","inheritAttrs","props","id","type","default","attrs","t","route","useRoute","listData","routeMeta","tableRef","useTemplateRef","selectedItems","shallowRef","onDelete","onClose","controller","isLoading","execute","item","ids","immediate","loading","computed","deleteLoading","listLoading","reference","_slot","_createVNode","ElTable","_mergeProps","selection","onSelect","slots"],"mappings":"k0CAkB4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAO5C,MAAAE,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,eACAC,aAAAA,GACAC,MAAAA,CACEC,GAAAA,CACEC,KAAAA,OACAC,QAAAA,IACF,oBAEoBC,MAAAA,CAAM,EAAA,OAClBC,EAAAA,eACRC,EAAAC,EAAAA,SAAA,2BAC8BC,SAAAA,eAC9BC,EAAAH,EAAA,KAEAI,EAAAC,EAAAA,eAAA,UAAA,EACAC,EAAAC,EAAAA,WAAA,EAAA,qCAMEH,EAAAA,OAAAA,eAAAA,GAEFI,EAAA,SAAA,qBAGEC,EAAAA,GAGF,IAAAC,QACQC,UAAAA,EAA0BC,QAAAA,gCAE9BN,EAAA,MAAA,IAAAO,GAAA,OAAAA,EAAAnB,EAAA,EAAA,CAAA,CAAA,SAEEgB,OAAAA,EAAAA,IAAAA,wEAEEI,IAAAA,EAAAA,MAAAA,IAAAA,GAAAA,OAAAA,EAAAA,EAAAA,EAAAA,CAAAA,CAAAA,iBAEF,CAAA,WAKFC,UAAAA,EACF,CAAA,EAGFC,EAAAC,EAAAA,SAAA,IAAA,GAAAC,EAAA,OAAAC,EAAA,MAAA,wDAGoC,SAAA,EAAA,EAAA,mCAAA,MAAA,qEAEY,OAAA,QAAA,EAAA,CAAAtB,QAAAA,IAAAA,CAAAA,EAAAA,MAAAA,OAAAA,GAAAA,EAAAA,YAAAA,UAAAA,CACT,MAAA,wBAAA,KAAA,mBACyC,EAAA,CAAAA,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,SAAAA,CAAA,KAAA,SAAA,EAAA,CAAAA,QAAAA,IAAAA,CAAAA,EAAAA,MAAAA,OAAAA,EAAAA,gBAAAA,GAAAA,EAAAA,EAAAA,eAAAA,CAAAA,0EAIJ,EAAA,CAE5DuB,UAAAA,IAAAA,CAAW,IAAAC,mCAAA,KAAA,GAAA,KAAA,oEAEY,CAAA,CAAA,CAEtB,CAAA,CAAA,IAIR,CAAA,EAAAC,EAAAA,YAAAC,EAAAA,QAAAC,aAAA,CAAA,IAAA,WAAA,MAAA,uBAAA,KAAAtB,EAAA,OAAA,KAKyB,OAAA,GAAA,SAAAuB,GAAAC,EAAAD,CAAA,EAEkB,eAAAA,GAAAC,EAAAD,CAAA,CACI,EAAA3B,CAAA,EAAA,CACvCD,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,gBAAAA,CAAA,KAAA,kDAAA,KAAA,QAAA,MAAA,IAAA,MAAA,IAAA,EAAA,IAAA,EAAA8B,EAAA,UAAA,CAAA,CAIS,CAAA,CAAA,CAAA,CAAA,GAK5B,CACF,CAAA"}

package/dist/components/data-table/index.d.ts

@@ -0,0 +1,5 @@
+import { TableProps } from 'element-plus';
+export interface SkyDataTableProps {
+    id?: string;
+}
+export declare const SkyDataTable: import('vue').DefineComponent<SkyDataTableProps & Partial<TableProps<Record<string, unknown>>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyDataTableProps & Partial<TableProps<Record<string, unknown>>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/data-table/index.mjs

@@ -0,0 +1,131 @@
+import "element-plus/es/components/alert/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/popconfirm/style/css";
+import "element-plus/es/components/skeleton/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/text/style/css";
+import { defineComponent as E, useTemplateRef as T, shallowRef as h, computed as x, createVNode as t, createTextVNode as R, mergeProps as _, isVNode as w } 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 A } from "../../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 { EpDelete as D } from "../../icons/EpDelete.mjs";
+import { skyConfig as L } from "../../setup/index.mjs";
+import { useAsyncState as j } from "@vueuse/core";
+import { ElSkeleton as I, ElAlert as N, ElText as P, ElPopconfirm as V, ElButton as B, ElTable as M, ElTableColumn as p } from "element-plus";
+import { useI18n as O } from "vue-i18n";
+import { useRoute as q } from "vue-router";
+import { SkyCanAccess as z } from "../can-access/index.mjs";
+function F(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !w(o);
+}
+const ke = /* @__PURE__ */ E({
+  name: "SkyDataTable",
+  inheritAttrs: !1,
+  props: {
+    id: {
+      type: String,
+      default: "id"
+    }
+  },
+  setup(o, {
+    slots: c,
+    attrs: u
+  }) {
+    const {
+      t: a
+    } = O(), i = q(), {
+      getList: d,
+      listLoading: f,
+      listData: y
+    } = A(), g = i.meta, b = T("tableRef"), r = h([]), n = (e) => {
+      r.value = e;
+    }, m = () => {
+      r.value = [], b.value?.clearSelection();
+    }, v = async () => {
+      await k(), await d(), m();
+    };
+    let s;
+    const {
+      isLoading: S,
+      execute: k
+    } = j(async () => {
+      if (r.value.map((l) => String(l[o.id])).length)
+        return s = new AbortController(), L.dataProvider?.deleteMany?.(i.meta.resource, {
+          ids: r.value.map((l) => String(l[o.id])),
+          signal: s.signal
+        });
+    }, void 0, {
+      immediate: !1
+    }), C = x(() => !!(S.value || f.value));
+    return () => t(I, {
+      loading: C.value,
+      animated: !0
+    }, {
+      default: () => [t("div", {
+        class: "sky-data-table"
+      }, [t(z, {
+        resource: g.resource,
+        action: "delete"
+      }, {
+        default: () => [r.value.length > 0 && t(N, {
+          class: "sky-data-table__alert",
+          type: "primary",
+          onClose: m
+        }, {
+          default: () => [t(P, {
+            type: "primary"
+          }, {
+            default: () => [r.value.length, R(" "), a("selectedItems")]
+          }), t(V, {
+            title: a("popconfirm.remove"),
+            onConfirm: v
+          }, {
+            reference: () => {
+              let e;
+              return t(B, {
+                text: !0,
+                type: "danger",
+                icon: D
+              }, F(e = a("button.remove")) ? e : {
+                default: () => [e]
+              });
+            }
+          })]
+        })]
+      }), t(M, _({
+        ref: "tableRef",
+        class: "sky-data-table__main",
+        data: y.value?.data,
+        border: !0,
+        onSelect: (e) => n(e),
+        "onSelect-all": (e) => n(e)
+      }, u), {
+        default: () => [t(p, {
+          type: "selection"
+        }, null), t(p, {
+          type: "index",
+          label: "#",
+          width: "50"
+        }, null), c.default?.()]
+      })])]
+    });
+  }
+});
+export {
+  ke as SkyDataTable
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/data-table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/data-table/index.tsx"],"sourcesContent":["import { useList } from '@/hooks'\r\nimport { EpDelete } from '@/icons/EpDelete'\r\nimport type { DeleteManyResult } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport {\r\n  ElAlert,\r\n  ElButton,\r\n  ElPopconfirm,\r\n  ElSkeleton,\r\n  ElTable,\r\n  ElTableColumn,\r\n  ElText,\r\n  type TableProps,\r\n} from 'element-plus'\r\nimport { computed, defineComponent, shallowRef, useTemplateRef } from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { useRoute } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface SkyDataTableProps {\r\n  id?: string\r\n}\r\n\r\nexport const SkyDataTable = defineComponent<\r\n  SkyDataTableProps & Partial<TableProps<Record<string, unknown>>>\r\n>({\r\n  name: 'SkyDataTable',\r\n  inheritAttrs: false,\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const { t } = useI18n()\r\n    const route = useRoute()\r\n    const { getList, listLoading, listData } = useList()!\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    const tableRef = useTemplateRef<InstanceType<typeof ElTable> | null>('tableRef')\r\n    const selectedItems = shallowRef<Record<string, unknown>[]>([])\r\n    const onSelect = (selection: Record<string, unknown>[]) => {\r\n      selectedItems.value = selection\r\n    }\r\n    const onClose = () => {\r\n      selectedItems.value = []\r\n      tableRef.value?.clearSelection()\r\n    }\r\n    const onDelete = async () => {\r\n      await execute()\r\n      await getList()\r\n      onClose()\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading: deleteLoading, execute } = useAsyncState<DeleteManyResult | undefined>(\r\n      async () => {\r\n        const ids = selectedItems.value.map((item) => String(item[props.id!]))\r\n        if (ids.length) {\r\n          controller = new AbortController()\r\n          return skyConfig.dataProvider?.deleteMany?.(route.meta.resource as string, {\r\n            ids: selectedItems.value.map((item) => String(item[props.id!])),\r\n            signal: controller.signal,\r\n          })\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: false,\r\n      },\r\n    )\r\n\r\n    const loading = computed<boolean>(() => Boolean(deleteLoading.value || listLoading.value))\r\n\r\n    return () => (\r\n      <ElSkeleton loading={loading.value} animated>\r\n        <div class=\"sky-data-table\">\r\n          <SkyCanAccess resource={routeMeta.resource} action=\"delete\">\r\n            {selectedItems.value.length > 0 && (\r\n              <ElAlert class=\"sky-data-table__alert\" type=\"primary\" onClose={onClose}>\r\n                <ElText type=\"primary\">\r\n                  {selectedItems.value.length} {t('selectedItems')}\r\n                </ElText>\r\n                <ElPopconfirm title={t('popconfirm.remove')} onConfirm={onDelete}>\r\n                  {{\r\n                    reference: () => (\r\n                      <ElButton text type=\"danger\" icon={EpDelete}>\r\n                        {t('button.remove')}\r\n                      </ElButton>\r\n                    ),\r\n                  }}\r\n                </ElPopconfirm>\r\n              </ElAlert>\r\n            )}\r\n          </SkyCanAccess>\r\n          <ElTable\r\n            ref=\"tableRef\"\r\n            class=\"sky-data-table__main\"\r\n            data={listData.value?.data}\r\n            border\r\n            onSelect={(selection) => onSelect(selection)}\r\n            onSelect-all={(selection) => onSelect(selection)}\r\n            {...attrs}\r\n          >\r\n            <ElTableColumn type=\"selection\" />\r\n            <ElTableColumn type=\"index\" label=\"#\" width=\"50\" />\r\n            {slots.default?.()}\r\n          </ElTable>\r\n        </div>\r\n      </ElSkeleton>\r\n    )\r\n  },\r\n})\r\n"],"names":["_isSlot","s","_isVNode","SkyDataTable","defineComponent","name","inheritAttrs","props","id","type","default","attrs","t","route","useRoute","listData","routeMeta","tableRef","useTemplateRef","selectedItems","shallowRef","onDelete","onClose","controller","isLoading","execute","item","ids","immediate","loading","computed","deleteLoading","listLoading","reference","_slot","_createVNode","ElTable","_mergeProps","selection","onSelect","slots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkB4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAO5C,MAAAE,KAAA,gBAAAC,EAAA;AAAA,EAGEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,IAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA,IACF;AAAA;;;IAEoBC,OAAAA;AAAAA,EAAM,GAAA;;MAClBC,GAAAA;AAAAA,aACRC,IAAAC,EAAA;;;MAC8BC,UAAAA;AAAAA,aAC9BC,IAAAH,EAAA,MAEAI,IAAAC,EAAA,UAAA,GACAC,IAAAC,EAAA,EAAA;;;oBAMEH,EAAAA,OAAAA,eAAAA;AAAAA,OAEFI,IAAA,YAAA;4BAGEC,EAAAA;AAAAA;AAGF,QAAAC;;MACQC,WAAAA;AAAAA,MAA0BC,SAAAA;AAAAA;UAE9BN,EAAA,MAAA,IAAA,CAAAO,MAAA,OAAAA,EAAAnB,EAAA,EAAA,CAAA,CAAA;AAEEgB,eAAAA,IAAAA,IAAAA,gBAAAA;UAEEI,KAAAA,EAAAA,MAAAA,IAAAA,CAAAA,MAAAA,OAAAA,EAAAA,EAAAA,EAAAA,CAAAA,CAAAA;AAAAA;QAEF,CAAA;AAAA;MAKFC,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAAC,EAAA,MAAA,GAAAC,EAAA,SAAAC,EAAA,MAAA;;;MAGoC,UAAA;AAAA,IAAA,GAAA;AAAA;QAAA,OAAA;AAAA;;QAEY,QAAA;AAAA,MAAA,GAAA;AAAA,QAAAtB,SAAAA,MAAAA,CAAAA,EAAAA,MAAAA,SAAAA,KAAAA,EAAAA,GAAAA;AAAAA,UACT,OAAA;AAAA,UAAA,MAAA;AAAA;QACyC,GAAA;AAAA,UAAAA,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,YAAA,MAAA;AAAA,UAAA,GAAA;AAAA,YAAAA,SAAAA,MAAAA,CAAAA,EAAAA,MAAAA,QAAAA,EAAAA,GAAAA,GAAAA,EAAAA,eAAAA,CAAAA;AAAAA;;;UAIJ,GAAA;AAAA,YAE5DuB,WAAAA,MAAAA;AAAW,kBAAAC;;gBAAA,MAAA;AAAA,gBAAA,MAAA;AAAA;;;cAEY,CAAA;AAAA,YAAA;AAAA,UAEtB,CAAA,CAAA;AAAA;MAIR,CAAA,GAAAC,EAAAC,GAAAC,EAAA;AAAA,QAAA,KAAA;AAAA,QAAA,OAAA;AAAA,QAAA,MAAAtB,EAAA,OAAA;AAAA,QAKyB,QAAA;AAAA,QAAA,UAAA,CAAAuB,MAAAC,EAAAD,CAAA;AAAA,QAEkB,gBAAA,CAAAA,MAAAC,EAAAD,CAAA;AAAA,MACI,GAAA3B,CAAA,GAAA;AAAA,QACvCD,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,UAAA,MAAA;AAAA;UAAA,MAAA;AAAA,UAAA,OAAA;AAAA,UAAA,OAAA;AAAA,QAAA,GAAA,IAAA,GAAA8B,EAAA,UAAA,CAAA;AAAA,MAIS,CAAA,CAAA,CAAA,CAAA;AAAA;EAK5B;AACF,CAAA;"}

package/dist/components/data-table-col/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/table-column/style/css");const r=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");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 d=require("element-plus"),m=require("vue-router"),b=require("../can-access/index.cjs"),f=r.defineComponent({name:"SkyDataTableCol",inheritAttrs:!1,props:{source:String,label:String},setup(e,{slots:i,attrs:l}){const n=m.useRoute(),{addExportColumn:a}=q.useList(),u=i.default?.(),t=r.computed(()=>e.label||e.source||""),c=n.meta;return e.source&&a({[e.source]:t.value}),()=>r.createVNode(b.SkyCanAccess,{resource:c.resource,action:"list",column:e.source},{default:()=>[r.createVNode(d.ElTableColumn,r.mergeProps({prop:e.source,label:t.value},l),{default:o=>{if(u&&o.$index>-1)return u.map(s=>r.cloneVNode(s,{row:o.row}))}})]})}});exports.SkyDataTableCol=f;
+//# sourceMappingURL=index.cjs.map

package/dist/components/data-table-col/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/data-table-col/index.tsx"],"sourcesContent":["import { useList } from '@/hooks'\r\nimport { ElTableColumn, type TableColumnCtx } from 'element-plus'\r\nimport { cloneVNode, computed, defineComponent, type Reactive } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface DateTableProps {\r\n  source?: string\r\n  label?: string\r\n}\r\n\r\nexport interface ElTableColumnScope {\r\n  row: Reactive<Record<string, unknown>>\r\n  column: TableColumnCtx\r\n  $index: number\r\n}\r\n\r\nexport const SkyDataTableCol = defineComponent<DateTableProps>({\r\n  name: 'SkyDataTableCol',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: String,\r\n    label: String,\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const { addExportColumn } = useList()!\r\n    const children = slots.default?.()\r\n    const title = computed<string>(() => props.label || props.source || '')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n    if (props.source) {\r\n      addExportColumn({ [props.source]: title.value })\r\n    }\r\n\r\n    // h(vnode.type as Component, { key: i, scope, ...vnode.props }) 等效于 cloneVNode(vnode, { row... })\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action=\"list\" column={props.source}>\r\n        <ElTableColumn prop={props.source} label={title.value} {...attrs}>\r\n          {(scope: ElTableColumnScope) => {\r\n            if (children && scope.$index > -1) {\r\n              return children.map((vnode) => cloneVNode(vnode, { row: scope['row'] }))\r\n            }\r\n          }}\r\n        </ElTableColumn>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyDataTableCol","defineComponent","name","inheritAttrs","props","source","label","attrs","route","useRoute","addExportColumn","children","slots","title","computed","routeMeta","default"],"mappings":"63BAkBAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,kBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,OACAC,MAAAA,yBAEoBC,MAAAA,CAAM,EAAA,CAC1B,MAAAC,EAAAC,EAAAA,SAAA,GACQC,gBAAAA,eACRC,EAAAC,EAAA,UAAA,EACAC,EAAAC,EAAAA,SAAA,IAAAV,EAAA,OAAAA,EAAA,QAAA,EAAA,EACAW,EAAAP,EAAA,sBAEEE,EAAAA,CAAkB,CAAAN,EAAA,MAAA,EAAAS,EAAA,KAA4B,CAAA,wDAKJ,OAAA,OAAA,OAAAT,EAAA,MAAoC,EAAA,CAAAY,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,cAAAA,EAAAA,WAAAA,eAC3C,MAAAH,EAAA,KAAoB,EAAAN,CAAA,EAAA,wEAGsB,CAAA,CAAA,CAEzE,CAAC,CAAA,CAAA,GAIT,CACF,CAAA"}

package/dist/components/data-table-col/index.d.ts

@@ -0,0 +1,12 @@
+import { TableColumnCtx } from 'element-plus';
+import { Reactive } from 'vue';
+export interface DateTableProps {
+    source?: string;
+    label?: string;
+}
+export interface ElTableColumnScope {
+    row: Reactive<Record<string, unknown>>;
+    column: TableColumnCtx;
+    $index: number;
+}
+export declare const SkyDataTableCol: import('vue').DefineComponent<DateTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DateTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/data-table-col/index.mjs

@@ -0,0 +1,60 @@
+import "element-plus/es/components/table-column/style/css";
+import { defineComponent as p, computed as s, createVNode as m, mergeProps as f, cloneVNode 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 { useList as b } from "../../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 { ElTableColumn as C } from "element-plus";
+import { useRoute as S } from "vue-router";
+import { SkyCanAccess as g } from "../can-access/index.mjs";
+const F = /* @__PURE__ */ p({
+  name: "SkyDataTableCol",
+  inheritAttrs: !1,
+  props: {
+    source: String,
+    label: String
+  },
+  setup(o, {
+    slots: i,
+    attrs: l
+  }) {
+    const u = S(), {
+      addExportColumn: a
+    } = b(), t = i.default?.(), r = s(() => o.label || o.source || ""), n = u.meta;
+    return o.source && a({
+      [o.source]: r.value
+    }), () => m(g, {
+      resource: n.resource,
+      action: "list",
+      column: o.source
+    }, {
+      default: () => [m(C, f({
+        prop: o.source,
+        label: r.value
+      }, l), {
+        default: (e) => {
+          if (t && e.$index > -1)
+            return t.map((c) => d(c, {
+              row: e.row
+            }));
+        }
+      })]
+    });
+  }
+});
+export {
+  F as SkyDataTableCol
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/data-table-col/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/data-table-col/index.tsx"],"sourcesContent":["import { useList } from '@/hooks'\r\nimport { ElTableColumn, type TableColumnCtx } from 'element-plus'\r\nimport { cloneVNode, computed, defineComponent, type Reactive } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface DateTableProps {\r\n  source?: string\r\n  label?: string\r\n}\r\n\r\nexport interface ElTableColumnScope {\r\n  row: Reactive<Record<string, unknown>>\r\n  column: TableColumnCtx\r\n  $index: number\r\n}\r\n\r\nexport const SkyDataTableCol = defineComponent<DateTableProps>({\r\n  name: 'SkyDataTableCol',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: String,\r\n    label: String,\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const { addExportColumn } = useList()!\r\n    const children = slots.default?.()\r\n    const title = computed<string>(() => props.label || props.source || '')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n    if (props.source) {\r\n      addExportColumn({ [props.source]: title.value })\r\n    }\r\n\r\n    // h(vnode.type as Component, { key: i, scope, ...vnode.props }) 等效于 cloneVNode(vnode, { row... })\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action=\"list\" column={props.source}>\r\n        <ElTableColumn prop={props.source} label={title.value} {...attrs}>\r\n          {(scope: ElTableColumnScope) => {\r\n            if (children && scope.$index > -1) {\r\n              return children.map((vnode) => cloneVNode(vnode, { row: scope['row'] }))\r\n            }\r\n          }}\r\n        </ElTableColumn>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyDataTableCol","defineComponent","name","inheritAttrs","props","source","label","attrs","route","useRoute","addExportColumn","children","slots","title","computed","routeMeta","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,IACAC,OAAAA;AAAAA;;;IAEoBC,OAAAA;AAAAA,EAAM,GAAA;AAC1B,UAAAC,IAAAC,EAAA;MACQC,iBAAAA;AAAAA,aACRC,IAAAC,EAAA,UAAA,GACAC,IAAAC,EAAA,MAAAV,EAAA,SAAAA,EAAA,UAAA,EAAA,GACAW,IAAAP,EAAA;uBAEEE,EAAAA;AAAAA,MAAkB,CAAAN,EAAA,MAAA,GAAAS,EAAA;AAAA,IAA4B,CAAA;;MAKJ,QAAA;AAAA,MAAA,QAAAT,EAAA;AAAA,IAAoC,GAAA;AAAA,MAAAY,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA;QAC3C,OAAAH,EAAA;AAAA,MAAoB,GAAAN,CAAA,GAAA;AAAA;;;;YAGsB,CAAA,CAAA;AAAA,QAEzE;AAAA,MAAC,CAAA,CAAA;AAAA;EAIT;AACF,CAAA;"}

package/dist/components/edit/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");require("element-plus/es/components/popconfirm/style/css");require("element-plus/es/components/skeleton/style/css");const t=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");const R=require("../../hooks/useTab.cjs"),I=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");const h=require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const j=require("../../icons/EpDelete.cjs"),M=require("../../icons/EpDocumentAdd.cjs"),m=require("../../setup/index.cjs"),f=require("@vueuse/core"),o=require("element-plus"),K=require("vue-i18n"),b=require("vue-router"),W=require("../can-access/index.cjs");function S(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!t.isVNode(r)}const B=t.defineComponent({name:"SkyEdit",inheritAttrs:!1,props:{dataId:[String,Number]},setup(r,{slots:A,attrs:E}){const{t:u}=K.useI18n(),k=b.useRouter(),i=b.useRoute(),{removeTab:C,lastTab:s}=R.useTab(),l=t.computed(()=>r.dataId?r.dataId:i.params.id),{formData:N,formRef:v,editData:c}=_.useProvideForm(),n=h.useTreeWithDetails(),{removeKeepAlive:D}=I.useRouteKeepAlive(),d=i.meta;let q;const{isLoading:V,execute:w}=f.useAsyncState(async()=>{q=new AbortController;const e=await m.skyConfig.dataProvider?.getOne?.(i.meta.resource,{id:l.value,signal:q.signal});if(e?.data)return c.value=e.data,e},void 0,{immediate:!0});let g;const{isLoading:x,execute:P}=f.useAsyncState(async e=>(g=new AbortController,m.skyConfig.dataProvider?.update?.(i.meta.resource,{id:l.value,data:e,signal:g.signal})),void 0,{immediate:!1}),O=async()=>{if(!v.value||!await v.value.validate())return;const a=await P(0,{...N});a&&(n?.editSuccess?n.editSuccess(a):(o.ElMessage.success(u("submit.success")),c.value=null,await w()))};let p;const{isLoading:y,execute:T}=f.useAsyncState(async()=>(p=new AbortController,m.skyConfig.dataProvider?.deleteMany?.(i.meta.resource,{ids:[l.value],signal:p.signal})),void 0,{immediate:!1}),L=async()=>{const e=await T();e&&(n?.deleteSuccess?n.deleteSuccess(e):(d.keepAliveName&&D(d.keepAliveName),C(i.name),s.value&&k.replace({name:s.value.routeName,params:s.value.routeParams})))};return()=>t.createVNode("div",{class:"sky-edit"},[t.createVNode(W.SkyCanAccess,{resource:d.resource,action:"edit"},{default:()=>[t.createVNode(o.ElCard,E,{default:()=>t.createVNode(o.ElSkeleton,{loading:V.value,animated:!0},{default:()=>[c.value&&A.default?.()]}),footer:()=>{let e;return t.createVNode("div",{class:"sky-edit__footer"},[t.createVNode(o.ElButton,{type:"primary",icon:M.EpDocumentAdd,loading:x.value,onClick:O,disabled:y.value},S(e=u("button.submit"))?e:{default:()=>[e]}),t.createVNode(o.ElPopconfirm,{title:u("popconfirm.remove"),onConfirm:L},{reference:()=>{let a;return t.createVNode(o.ElButton,{type:"danger",text:!0,icon:j.EpDelete,disabled:y.value},S(a=u("button.remove"))?a:{default:()=>[a]})}})])}})]})])}});exports.SkyEdit=B;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/edit/index.tsx"],"sourcesContent":["import { useProvideForm, useRouteKeepAlive, useTab, useTreeWithDetails } from '@/hooks'\nimport { EpDelete } from '@/icons/EpDelete'\nimport { EpDocumentAdd } from '@/icons/EpDocumentAdd'\nimport type { DeleteManyResult, GetOneResult, Identifier, UpdateResult } from '@/provides'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { skyConfig } from '@/setup'\nimport { useAsyncState } from '@vueuse/core'\nimport { ElButton, ElCard, ElMessage, ElPopconfirm, ElSkeleton, type CardProps } 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 SkyEditProps {\n  dataId?: Identifier\n}\n\nexport const SkyEdit = defineComponent<SkyEditProps & Partial<CardProps>>({\n  name: 'SkyEdit',\n  inheritAttrs: false,\n  props: {\n    dataId: [String, Number],\n  },\n  setup(props, { slots, attrs }) {\n    const { t } = useI18n()\n    const router = useRouter()\n    const route = useRoute()\n    const { removeTab, lastTab } = useTab()\n    const id = computed<Identifier>(() => {\n      if (props.dataId) {\n        return props.dataId\n      }\n      return route.params.id as Identifier\n    })\n    const { formData, formRef, editData } = useProvideForm()\n    const treeWithDetails = useTreeWithDetails()\n    const { removeKeepAlive } = useRouteKeepAlive()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    // 获取详情\n    let getOneController: AbortController | undefined\n    const { isLoading: getOneLoading, execute: getOneExecute } = useAsyncState<\n      GetOneResult | undefined\n    >(\n      async () => {\n        getOneController = new AbortController()\n        const res = await skyConfig.dataProvider?.getOne?.(route.meta.resource as string, {\n          id: id.value,\n          signal: getOneController.signal,\n        })\n        if (res?.data) {\n          editData.value = res.data\n          return res\n        }\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    // 更新接口\n    let controller: AbortController | undefined\n    const { isLoading: submitLoading, execute } = useAsyncState<\n      UpdateResult | undefined,\n      [data: Record<string, unknown>]\n    >(\n      async (data) => {\n        controller = new AbortController()\n        return skyConfig.dataProvider?.update?.(route.meta.resource as string, {\n          id: id.value,\n          data,\n          signal: controller.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: false,\n      },\n    )\n\n    const onSubmit = async () => {\n      if (!formRef.value) {\n        return\n      }\n      const valid = await formRef.value.validate()\n      if (!valid) {\n        return\n      }\n      const save = await execute(0, { ...formData })\n      if (save) {\n        if (treeWithDetails?.editSuccess) {\n          treeWithDetails.editSuccess(save)\n        } else {\n          ElMessage.success(t('submit.success'))\n          editData.value = null\n          await getOneExecute()\n        }\n      }\n    }\n\n    // 删除接口\n    let deleteController: AbortController | undefined\n    const { isLoading: deleteLoading, execute: deleteExecute } = useAsyncState<\n      DeleteManyResult | undefined\n    >(\n      async () => {\n        deleteController = new AbortController()\n        return skyConfig.dataProvider?.deleteMany?.(route.meta.resource as string, {\n          ids: [id.value],\n          signal: deleteController.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: false,\n      },\n    )\n\n    const onDelete = async () => {\n      const res = await deleteExecute()\n      if (res) {\n        if (treeWithDetails?.deleteSuccess) {\n          treeWithDetails.deleteSuccess(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-edit\">\n        <SkyCanAccess resource={routeMeta.resource} action=\"edit\">\n          <ElCard {...attrs}>\n            {{\n              default: () => (\n                <ElSkeleton loading={getOneLoading.value} animated>\n                  {editData.value && slots.default?.()}\n                </ElSkeleton>\n              ),\n              footer: () => (\n                <div class=\"sky-edit__footer\">\n                  <ElButton\n                    type=\"primary\"\n                    icon={EpDocumentAdd}\n                    loading={submitLoading.value}\n                    onClick={onSubmit}\n                    disabled={deleteLoading.value}\n                  >\n                    {t('button.submit')}\n                  </ElButton>\n                  <ElPopconfirm title={t('popconfirm.remove')} onConfirm={onDelete}>\n                    {{\n                      reference: () => (\n                        <ElButton type=\"danger\" text icon={EpDelete} disabled={deleteLoading.value}>\n                          {t('button.remove')}\n                        </ElButton>\n                      ),\n                    }}\n                  </ElPopconfirm>\n                </div>\n              ),\n            }}\n          </ElCard>\n        </SkyCanAccess>\n      </div>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyEdit","defineComponent","name","inheritAttrs","props","dataId","attrs","t","router","useRouter","route","useRoute","lastTab","id","computed","editData","treeWithDetails","useTreeWithDetails","removeKeepAlive","routeMeta","getOneController","isLoading","execute","res","skyConfig","immediate","controller","useAsyncState","data","onSubmit","formRef","save","ElMessage","deleteController","ids","onDelete","deleteExecute","removeTab","params","_createVNode","default","footer","_slot","EpDocumentAdd","deleteLoading","reference","_slot2","EpDelete"],"mappings":"stCAW4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAM5C,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,UACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CAAAA,OAAAA,MAAAA,oBAEoBC,MAAAA,CAAM,EAAA,OAClBC,EAAAA,eACRC,EAAAC,EAAAA,UAAA,EACAC,EAAAC,EAAAA,SAAA,eACmBC,QAAAA,cACnBC,EAAAC,EAAAA,SAAA,sBAIEJ,EAAA,OAAA,EACF,wBAC2BK,SAAAA,sBAC3BC,EAAAC,EAAAA,mBAAA,GACQC,gBAAAA,yBACRC,EAAAT,EAAA,KAGA,IAAAU,QACQC,UAAAA,EAA0BC,QAAAA,6BAI9BF,EAAAA,IAAAA,gBACA,MAAAG,EAAA,MAAAC,YAAA,cAAA,SAAAd,EAAA,KAAA,SAAA,2BAGA,CAAA,aAEEK,OAAAA,EAAAA,MAAAA,EAAAA,KACAQ,WAKFE,UAAAA,EACF,CAAA,EAIF,IAAAC,QACQL,UAAAA,EAA0BC,QAAAA,CAAQ,EAAAK,EAAAA,cAAA,MAAAC,IAKtCF,EAAAA,IAAAA,qGAKA,CAAA,WAIAD,UAAAA,EACF,CAAA,EAGFI,EAAA,SAAA,IACE,CAAAC,EAAA,iCAKE,OAEF,MAAAC,EAAA,MAAAT,EAAA,EAAA,KAA4C,CAAA,EAC5CS,mBAEIf,EAAAA,YAAAA,CAAAA,GAEAgB,EAAAA,UAAAA,QAAAA,EAAAA,gBAAAA,CAAAA,4BAQN,IAAAC,QACQZ,UAAAA,EAA0BC,QAAAA,6BAI9BW,EAAAA,IAAAA,wEAEEC,IAAAA,CAAAA,EAAAA,KAAAA,iBAEF,CAAA,WAIAT,UAAAA,EACF,CAAA,EAGFU,EAAA,SAAA,CACE,MAAAZ,EAAA,MAAAa,EAAA,EACAb,qBAEIP,EAAAA,cAAAA,CAAAA,oBAGEE,EAAAA,EAAAA,aAAAA,EAEFmB,EAAAA,EAAAA,IAAAA,sBAEmBnC,KAAAA,EAAAA,MAAAA,UAA+BoC,OAAAA,EAAAA,MAAAA,WAAkC,CAAA,KAM1F,MAAA,IAAAC,EAAAA,YAAA,MAAA,CAAO,MAAA,+DAEuC,OAAA,MAAA,EAAA,CAAAC,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,OAAAA,EAAAA,CAGpCA,QAAAA,IAAAA,EAAAA,YAAAA,aAAAA,iBAC0C,SAAA,EAAA,EAAA,wCAI1CC,OAAAA,IAAAA,CAAQ,IAAAC,EAAA,OAAAH,EAAAA,YAAA,MAAA,CAAA,MAAA,+CAAA,KAAA,UAAA,KAAAI,EAAAA,8BAK0B,QAAAd,EACX,SAAAe,EAAA,0HAK6C,EAAA,CAE5DC,UAAAA,IAAAA,CAAW,IAAAC,mCAAA,KAAA,SAAA,KAAA,GAAA,KAAAC,EAAAA,SACkC,SAAAH,EAAA,iDACtB,CAAA,CAAA,CAEtB,CAAA,CAAA,CAAA,CAAA,CAIR,CAAA,CAAA,KAMb,CACF,CAAA"}

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

@@ -0,0 +1,6 @@
+import { Identifier } from '../../provides';
+import { CardProps } from 'element-plus';
+export interface SkyEditProps {
+    dataId?: Identifier;
+}
+export declare const SkyEdit: import('vue').DefineComponent<SkyEditProps & Partial<CardProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyEditProps & Partial<CardProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/edit/index.mjs

@@ -0,0 +1,153 @@
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/card/style/css";
+import "element-plus/es/components/popconfirm/style/css";
+import "element-plus/es/components/skeleton/style/css";
+import { defineComponent as R, computed as T, createVNode as t, isVNode as h } from "vue";
+import "../../hooks/useUser.mjs";
+import "../../hooks/usePermission.mjs";
+import "../../hooks/useMenu.mjs";
+import { useTab as j } from "../../hooks/useTab.mjs";
+import { useRouteKeepAlive as M } from "../../hooks/useRouteKeepAlive.mjs";
+import "../../hooks/useSize.mjs";
+import "../../hooks/useLang.mjs";
+import "../../hooks/useTheme.mjs";
+import "../../hooks/useList.mjs";
+import "../../hooks/useHiddenTitle.mjs";
+import { useProvideForm as K } from "../../hooks/useForm.mjs";
+import "../../hooks/useShow.mjs";
+import "../../hooks/useReferenceArrayField.mjs";
+import { useTreeWithDetails as V } from "../../hooks/useTreeWithDetails.mjs";
+import "../../hooks/useFormGrid.mjs";
+import "../../hooks/useReferenceArrayInput.mjs";
+import { EpDelete as W } from "../../icons/EpDelete.mjs";
+import { EpDocumentAdd as B } from "../../icons/EpDocumentAdd.mjs";
+import { skyConfig as d } from "../../setup/index.mjs";
+import { useAsyncState as c } from "@vueuse/core";
+import { ElCard as F, ElButton as y, ElPopconfirm as q, ElSkeleton as z, ElMessage as G } from "element-plus";
+import { useI18n as H } from "vue-i18n";
+import { useRouter as J, useRoute as Q } from "vue-router";
+import { SkyCanAccess as U } from "../can-access/index.mjs";
+function S(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !h(o);
+}
+const xe = /* @__PURE__ */ R({
+  name: "SkyEdit",
+  inheritAttrs: !1,
+  props: {
+    dataId: [String, Number]
+  },
+  setup(o, {
+    slots: A,
+    attrs: C
+  }) {
+    const {
+      t: a
+    } = H(), E = J(), r = Q(), {
+      removeTab: k,
+      lastTab: s
+    } = j(), l = T(() => o.dataId ? o.dataId : r.params.id), {
+      formData: w,
+      formRef: p,
+      editData: u
+    } = K(), n = V(), {
+      removeKeepAlive: x
+    } = M(), m = r.meta;
+    let f;
+    const {
+      isLoading: D,
+      execute: L
+    } = c(async () => {
+      f = new AbortController();
+      const e = await d.dataProvider?.getOne?.(r.meta.resource, {
+        id: l.value,
+        signal: f.signal
+      });
+      if (e?.data)
+        return u.value = e.data, e;
+    }, void 0, {
+      immediate: !0
+    });
+    let v;
+    const {
+      isLoading: N,
+      execute: O
+    } = c(async (e) => (v = new AbortController(), d.dataProvider?.update?.(r.meta.resource, {
+      id: l.value,
+      data: e,
+      signal: v.signal
+    })), void 0, {
+      immediate: !1
+    }), P = async () => {
+      if (!p.value || !await p.value.validate())
+        return;
+      const i = await O(0, {
+        ...w
+      });
+      i && (n?.editSuccess ? n.editSuccess(i) : (G.success(a("submit.success")), u.value = null, await L()));
+    };
+    let g;
+    const {
+      isLoading: b,
+      execute: _
+    } = c(async () => (g = new AbortController(), d.dataProvider?.deleteMany?.(r.meta.resource, {
+      ids: [l.value],
+      signal: g.signal
+    })), void 0, {
+      immediate: !1
+    }), I = async () => {
+      const e = await _();
+      e && (n?.deleteSuccess ? n.deleteSuccess(e) : (m.keepAliveName && x(m.keepAliveName), k(r.name), s.value && E.replace({
+        name: s.value.routeName,
+        params: s.value.routeParams
+      })));
+    };
+    return () => t("div", {
+      class: "sky-edit"
+    }, [t(U, {
+      resource: m.resource,
+      action: "edit"
+    }, {
+      default: () => [t(F, C, {
+        default: () => t(z, {
+          loading: D.value,
+          animated: !0
+        }, {
+          default: () => [u.value && A.default?.()]
+        }),
+        footer: () => {
+          let e;
+          return t("div", {
+            class: "sky-edit__footer"
+          }, [t(y, {
+            type: "primary",
+            icon: B,
+            loading: N.value,
+            onClick: P,
+            disabled: b.value
+          }, S(e = a("button.submit")) ? e : {
+            default: () => [e]
+          }), t(q, {
+            title: a("popconfirm.remove"),
+            onConfirm: I
+          }, {
+            reference: () => {
+              let i;
+              return t(y, {
+                type: "danger",
+                text: !0,
+                icon: W,
+                disabled: b.value
+              }, S(i = a("button.remove")) ? i : {
+                default: () => [i]
+              });
+            }
+          })]);
+        }
+      })]
+    })]);
+  }
+});
+export {
+  xe as SkyEdit
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/edit/index.tsx"],"sourcesContent":["import { useProvideForm, useRouteKeepAlive, useTab, useTreeWithDetails } from '@/hooks'\nimport { EpDelete } from '@/icons/EpDelete'\nimport { EpDocumentAdd } from '@/icons/EpDocumentAdd'\nimport type { DeleteManyResult, GetOneResult, Identifier, UpdateResult } from '@/provides'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { skyConfig } from '@/setup'\nimport { useAsyncState } from '@vueuse/core'\nimport { ElButton, ElCard, ElMessage, ElPopconfirm, ElSkeleton, type CardProps } 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 SkyEditProps {\n  dataId?: Identifier\n}\n\nexport const SkyEdit = defineComponent<SkyEditProps & Partial<CardProps>>({\n  name: 'SkyEdit',\n  inheritAttrs: false,\n  props: {\n    dataId: [String, Number],\n  },\n  setup(props, { slots, attrs }) {\n    const { t } = useI18n()\n    const router = useRouter()\n    const route = useRoute()\n    const { removeTab, lastTab } = useTab()\n    const id = computed<Identifier>(() => {\n      if (props.dataId) {\n        return props.dataId\n      }\n      return route.params.id as Identifier\n    })\n    const { formData, formRef, editData } = useProvideForm()\n    const treeWithDetails = useTreeWithDetails()\n    const { removeKeepAlive } = useRouteKeepAlive()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    // 获取详情\n    let getOneController: AbortController | undefined\n    const { isLoading: getOneLoading, execute: getOneExecute } = useAsyncState<\n      GetOneResult | undefined\n    >(\n      async () => {\n        getOneController = new AbortController()\n        const res = await skyConfig.dataProvider?.getOne?.(route.meta.resource as string, {\n          id: id.value,\n          signal: getOneController.signal,\n        })\n        if (res?.data) {\n          editData.value = res.data\n          return res\n        }\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    // 更新接口\n    let controller: AbortController | undefined\n    const { isLoading: submitLoading, execute } = useAsyncState<\n      UpdateResult | undefined,\n      [data: Record<string, unknown>]\n    >(\n      async (data) => {\n        controller = new AbortController()\n        return skyConfig.dataProvider?.update?.(route.meta.resource as string, {\n          id: id.value,\n          data,\n          signal: controller.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: false,\n      },\n    )\n\n    const onSubmit = async () => {\n      if (!formRef.value) {\n        return\n      }\n      const valid = await formRef.value.validate()\n      if (!valid) {\n        return\n      }\n      const save = await execute(0, { ...formData })\n      if (save) {\n        if (treeWithDetails?.editSuccess) {\n          treeWithDetails.editSuccess(save)\n        } else {\n          ElMessage.success(t('submit.success'))\n          editData.value = null\n          await getOneExecute()\n        }\n      }\n    }\n\n    // 删除接口\n    let deleteController: AbortController | undefined\n    const { isLoading: deleteLoading, execute: deleteExecute } = useAsyncState<\n      DeleteManyResult | undefined\n    >(\n      async () => {\n        deleteController = new AbortController()\n        return skyConfig.dataProvider?.deleteMany?.(route.meta.resource as string, {\n          ids: [id.value],\n          signal: deleteController.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: false,\n      },\n    )\n\n    const onDelete = async () => {\n      const res = await deleteExecute()\n      if (res) {\n        if (treeWithDetails?.deleteSuccess) {\n          treeWithDetails.deleteSuccess(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-edit\">\n        <SkyCanAccess resource={routeMeta.resource} action=\"edit\">\n          <ElCard {...attrs}>\n            {{\n              default: () => (\n                <ElSkeleton loading={getOneLoading.value} animated>\n                  {editData.value && slots.default?.()}\n                </ElSkeleton>\n              ),\n              footer: () => (\n                <div class=\"sky-edit__footer\">\n                  <ElButton\n                    type=\"primary\"\n                    icon={EpDocumentAdd}\n                    loading={submitLoading.value}\n                    onClick={onSubmit}\n                    disabled={deleteLoading.value}\n                  >\n                    {t('button.submit')}\n                  </ElButton>\n                  <ElPopconfirm title={t('popconfirm.remove')} onConfirm={onDelete}>\n                    {{\n                      reference: () => (\n                        <ElButton type=\"danger\" text icon={EpDelete} disabled={deleteLoading.value}>\n                          {t('button.remove')}\n                        </ElButton>\n                      ),\n                    }}\n                  </ElPopconfirm>\n                </div>\n              ),\n            }}\n          </ElCard>\n        </SkyCanAccess>\n      </div>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyEdit","defineComponent","name","inheritAttrs","props","dataId","attrs","t","router","useRouter","route","useRoute","lastTab","id","computed","editData","treeWithDetails","useTreeWithDetails","removeKeepAlive","routeMeta","getOneController","isLoading","execute","res","skyConfig","immediate","controller","useAsyncState","data","onSubmit","formRef","save","ElMessage","deleteController","ids","onDelete","deleteExecute","removeTab","params","_createVNode","default","footer","_slot","EpDocumentAdd","deleteLoading","reference","_slot2","EpDelete"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAW4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAM5C,MAAAE,KAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA,CAAAA,QAAAA,MAAAA;AAAAA;;;IAEoBC,OAAAA;AAAAA,EAAM,GAAA;;MAClBC,GAAAA;AAAAA,aACRC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACmBC,SAAAA;AAAAA,aACnBC,IAAAC,EAAA,4BAIEJ,EAAA,OAAA,EACF;;;MAC2BK,UAAAA;AAAAA,aAC3BC,IAAAC,EAAA;MACQC,iBAAAA;AAAAA,aACRC,IAAAT,EAAA;AAGA,QAAAU;;MACQC,WAAAA;AAAAA,MAA0BC,SAAAA;AAAAA;AAI9BF,MAAAA,IAAAA,IAAAA,gBAAAA;AACA,YAAAG,IAAA,MAAAC,EAAA,cAAA,SAAAd,EAAA,KAAA,UAAA;AAAA;;MAGA,CAAA;;AAEEK,eAAAA,EAAAA,QAAAA,EAAAA,MACAQ;AAAA;MAKFE,WAAAA;AAAAA,IACF,CAAA;AAIF,QAAAC;;MACQL,WAAAA;AAAAA,MAA0BC,SAAAA;AAAAA,IAAQ,IAAAK,EAAA,OAAAC,OAKtCF,IAAAA,IAAAA,gBAAAA;;;;IAKA,CAAA;MAIAD,WAAAA;AAAAA,IACF,CAAA,GAGFI,IAAA,YAAA;UACE,CAAAC,EAAA;AAKE;AAEF,YAAAC,IAAA,MAAAT,EAAA,GAAA;AAAA;MAA4C,CAAA;AAC5C,MAAAS,uBAEIf,EAAAA,YAAAA,CAAAA,KAEAgB,EAAAA,QAAAA,EAAAA,gBAAAA,CAAAA;;AAQN,QAAAC;;MACQZ,WAAAA;AAAAA,MAA0BC,SAAAA;AAAAA,uBAI9BW,IAAAA,IAAAA,gBAAAA;MAEEC,KAAAA,CAAAA,EAAAA,KAAAA;AAAAA;IAEF,CAAA;MAIAT,WAAAA;AAAAA,IACF,CAAA,GAGFU,IAAA,YAAA;AACE,YAAAZ,IAAA,MAAAa,EAAA;AACA,MAAAb,yBAEIP,EAAAA,cAAAA,CAAAA,wBAGEE,EAAAA,EAAAA,aAAAA,GAEFmB,EAAAA,EAAAA,IAAAA;QAEmBnC,MAAAA,EAAAA,MAAAA;AAAAA,QAA+BoC,QAAAA,EAAAA,MAAAA;AAAAA,MAAkC,CAAA;AAAA;AAM1F,WAAA,MAAAC,EAAA,OAAA;AAAA,MAAO,OAAA;AAAA;;MAEuC,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,GAAAA;AAAAA,QAGpCA,SAAAA,MAAAA,EAAAA,GAAAA;AAAAA;UAC0C,UAAA;AAAA,QAAA,GAAA;AAAA;;QAI1CC,QAAAA,MAAAA;AAAQ,cAAAC;AAAA,iBAAAH,EAAA,OAAA;AAAA,YAAA,OAAA;AAAA;YAAA,MAAA;AAAA,YAAA,MAAAI;AAAA;YAK0B,SAAAd;AAAA,YACX,UAAAe,EAAA;AAAA;;;;;UAK6C,GAAA;AAAA,YAE5DC,WAAAA,MAAAA;AAAW,kBAAAC;;gBAAA,MAAA;AAAA,gBAAA,MAAA;AAAA,gBAAA,MAAAC;AAAA,gBACkC,UAAAH,EAAA;AAAA;;cACtB,CAAA;AAAA,YAAA;AAAA,UAEtB,CAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAIR,CAAA,CAAA;AAAA;EAMb;AACF,CAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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":"8SAM4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAO5C,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,aAAAA,GACAC,MAAAA,CACEC,GAAAA,CACEC,KAAAA,OACAC,QAAAA,MAEFC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,OACXC,EAAAA,eACRC,EAAAC,EAAAA,UAAA,EAEAC,EADAC,EAAAA,SAAA,EACA,KACAT,EAAAU,EAAAA,SAAA,IAAA,uBAEE,GAAAC,kBAGF,CAAA,0FAMMd,KAAAA,EACAe,OAAAA,WAEA,CACF,CAAA,cAIG,IAAAC,2DACqC,OAAA,OAAA,IAAAb,EAAA,KAA6B,EAAA,CAAAE,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,KAAA,GAAA,KAAA,gEAElD,CAAA,CAAA,CAAA,CAAA,EAIzB,CACF,CAAA"}

package/dist/components/edit-button/index.d.ts

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