@smallwei/avue 3.8.1 → 3.8.3

package/es/core/slot.mjs

@@ -0,0 +1,32 @@
+export default {
+    methods: {
+        getSlotName(item = {}, type = 'D', slot) {
+            const result = {
+                F: '-form',
+                H: '-header',
+                E: '-error',
+                L: '-label',
+                S: '-search',
+                T: '-type',
+                D: '',
+            };
+            const name = item.prop + result[type];
+            if (slot)
+                return slot[name];
+            return name;
+        },
+        getSlotList(list = [], slot, propList) {
+            const propNames = propList.map((ele) => ele.prop);
+            return Object.keys(slot).filter((ele) => {
+                let result = false;
+                if (!propNames.includes(ele)) {
+                    list.forEach((name) => {
+                        if (ele.includes(name))
+                            result = true;
+                    });
+                }
+                return result;
+            });
+        },
+    },
+};

package/es/core/slot.ts

@@ -0,0 +1,30 @@
+export default {
+  methods: {
+    getSlotName(item: Record<string, any> = {}, type = 'D', slot?: Record<string, any>) {
+      const result: Record<string, string> = {
+        F: '-form',
+        H: '-header',
+        E: '-error',
+        L: '-label',
+        S: '-search',
+        T: '-type',
+        D: '',
+      };
+      const name = item.prop + result[type];
+      if (slot) return slot[name];
+      return name;
+    },
+    getSlotList(list: string[] = [], slot: Record<string, any>, propList: Array<Record<string, any>>) {
+      const propNames = propList.map((ele) => ele.prop);
+      return Object.keys(slot).filter((ele) => {
+        let result = false;
+        if (!propNames.includes(ele)) {
+          list.forEach((name) => {
+            if (ele.includes(name)) result = true;
+          });
+        }
+        return result;
+      });
+    },
+  },
+};

package/es/global/variable.mjs

@@ -0,0 +1,80 @@
+export const KEY_COMPONENT_NAME = 'avue-';
+export const KEY_ECHART_NAME = 'echart-';
+export const DIC_PROPS = {
+    rowKey: 'id',
+    rowParentKey: 'parentId',
+    nodeKey: 'id',
+    label: 'label',
+    value: 'value',
+    type: 'type',
+    desc: 'desc',
+    groups: 'groups',
+    title: 'title',
+    leaf: 'leaf',
+    children: 'children',
+    hasChildren: 'hasChildren',
+    labelText: '名称',
+    disabled: 'disabled',
+};
+export const DIC_HTTP_PROPS = {
+    name: 'name',
+    url: 'url',
+    fileType: 'type',
+    fileName: 'file',
+    res: '',
+};
+export const DATE_LIST = [
+    'dates',
+    'date',
+    'datetime',
+    'datetimerange',
+    'daterange',
+    'time',
+    'timerange',
+    'week',
+    'month',
+    'months',
+    'monthrange',
+    'year',
+    'years',
+    'yearrange',
+];
+export const CHILDREN_LIST = ['table', 'dynamic'];
+export const INPUT_LIST = ['tree', 'number', 'icon', 'color', 'table', 'map', 'tag'];
+export const ARRAY_LIST = ['img', 'array', 'url'];
+export const MULTIPLE_LIST = ['cascader', 'tree', 'select', 'table'];
+export const RANGE_LIST = ['slider'];
+export const ARRAY_VALUE_LIST = ARRAY_LIST.concat([
+    'tag',
+    'upload',
+    'dynamic',
+    'map',
+    'checkbox',
+    'cascader',
+    'timerange',
+    'monthrange',
+    'daterange',
+    'yearrange',
+    'datetimerange',
+    'dates',
+    'months',
+    'years',
+]);
+export const SELECT_LIST = DATE_LIST.concat([
+    'select',
+    'checkbox',
+    'radio',
+    'cascader',
+    'tree',
+    'color',
+    'icon',
+    'table',
+    'map',
+]);
+export const DIC_SHOW_SPLIT = ' | ';
+export const DIC_SPLIT = ',';
+export const typeList = {
+    img: /(\.|^)(gif|jpg|jpeg|png|webp|svg|GIF|JPG|JPEG|PNG|WEBP|SVG)/,
+    video: /(\.|^)(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|ogg|mp4)/,
+    audio: /(\.|^)(mp3|wav|MP3|WAV)/,
+};

package/es/global/variable.ts

@@ -0,0 +1,84 @@
+export const KEY_COMPONENT_NAME = 'avue-';
+export const KEY_ECHART_NAME = 'echart-';
+
+export const DIC_PROPS = {
+  rowKey: 'id',
+  rowParentKey: 'parentId',
+  nodeKey: 'id',
+  label: 'label',
+  value: 'value',
+  type: 'type',
+  desc: 'desc',
+  groups: 'groups',
+  title: 'title',
+  leaf: 'leaf',
+  children: 'children',
+  hasChildren: 'hasChildren',
+  labelText: '名称',
+  disabled: 'disabled',
+} as const;
+
+export const DIC_HTTP_PROPS = {
+  name: 'name',
+  url: 'url',
+  fileType: 'type',
+  fileName: 'file',
+  res: '',
+} as const;
+
+export const DATE_LIST = [
+  'dates',
+  'date',
+  'datetime',
+  'datetimerange',
+  'daterange',
+  'time',
+  'timerange',
+  'week',
+  'month',
+  'months',
+  'monthrange',
+  'year',
+  'years',
+  'yearrange',
+];
+
+export const CHILDREN_LIST = ['table', 'dynamic'];
+export const INPUT_LIST = ['tree', 'number', 'icon', 'color', 'table', 'map', 'tag'];
+export const ARRAY_LIST = ['img', 'array', 'url'];
+export const MULTIPLE_LIST = ['cascader', 'tree', 'select', 'table'];
+export const RANGE_LIST = ['slider'];
+export const ARRAY_VALUE_LIST = ARRAY_LIST.concat([
+  'tag',
+  'upload',
+  'dynamic',
+  'map',
+  'checkbox',
+  'cascader',
+  'timerange',
+  'monthrange',
+  'daterange',
+  'yearrange',
+  'datetimerange',
+  'dates',
+  'months',
+  'years',
+]);
+export const SELECT_LIST = DATE_LIST.concat([
+  'select',
+  'checkbox',
+  'radio',
+  'cascader',
+  'tree',
+  'color',
+  'icon',
+  'table',
+  'map',
+]);
+export const DIC_SHOW_SPLIT = ' | ';
+export const DIC_SPLIT = ',';
+export const typeList = {
+  img: /(\.|^)(gif|jpg|jpeg|png|webp|svg|GIF|JPG|JPEG|PNG|WEBP|SVG)/,
+  video: /(\.|^)(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|ogg|mp4)/,
+  audio: /(\.|^)(mp3|wav|MP3|WAV)/,
+};

package/es/icon.mjs

@@ -0,0 +1,9 @@
+import * as Icons from '@element-plus/icons-vue';
+export default (app) => {
+    for (const key in Icons) {
+        app.component(transElIconName(key), Icons[key]);
+    }
+};
+function transElIconName(iconName) {
+    return 'el-icon' + iconName.replace(/[A-Z]/g, (match) => '-' + match.toLowerCase());
+}

package/es/icon.ts

@@ -0,0 +1,11 @@
+import * as Icons from '@element-plus/icons-vue';
+
+export default (app: any) => {
+  for (const key in Icons) {
+    app.component(transElIconName(key), (Icons as Record<string, any>)[key]);
+  }
+};
+
+function transElIconName(iconName: string) {
+  return 'el-icon' + iconName.replace(/[A-Z]/g, (match) => '-' + match.toLowerCase());
+}

package/es/index.mjs

@@ -0,0 +1,127 @@
+import components from "./ui/index.mjs";
+import { version } from "./version.mjs";
+import axios from "axios";
+import { validatenull } from "./utils/validate.mjs";
+import { randomId, deepClone, dataURLtoFile, findObject, validData, findArray, findNode, setPx, isJson, downFile, loadScript, } from "./utils/util.mjs";
+import contextmenu from "./packages/core/directive/contextmenu.mjs";
+import $Export from "./plugin/export/index.mjs";
+import $Watermark from "./plugin/watermark/index.mjs";
+import $Log from "./plugin/logs/index.mjs";
+import locale from "./locale/index.mjs";
+import $Screenshot from "./plugin/screenshot/index.mjs";
+import $Clipboard from "./plugin/clipboard/index.mjs";
+import $Print from "./plugin/print/index.mjs";
+import $ImagePreview from "./packages/core/components/image-preview/index.mjs";
+import $DialogForm from "./packages/core/components/dialog-form/index.mjs";
+import createIcon from "./icon.mjs";
+const UPLOAD_HOOK_KEYS = [
+    "uploadPreview",
+    "uploadBefore",
+    "uploadAfter",
+    "uploadDelete",
+    "uploadError",
+    "uploadExceed",
+    "uploadSized",
+];
+const plugins = {
+    $DialogForm,
+    $ImagePreview,
+    $Export,
+    $Print,
+    $Clipboard,
+    $Watermark,
+    $Log,
+    $Screenshot,
+    deepClone,
+    dataURLtoFile,
+    isJson,
+    setPx,
+    validData,
+    findArray,
+    findNode,
+    validatenull,
+    downFile,
+    loadScript,
+    findObject,
+    randomId,
+};
+const directive = {
+    contextmenu,
+};
+export const install = function (app, opts = {}) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const defaultOption = {
+        size: (_a = opts.size) !== null && _a !== void 0 ? _a : "default",
+        calcHeight: (_b = opts.calcHeight) !== null && _b !== void 0 ? _b : 0,
+        menuType: (_c = opts.menuType) !== null && _c !== void 0 ? _c : "text",
+        formOption: (_d = opts.formOption) !== null && _d !== void 0 ? _d : {},
+        crudOption: (_e = opts.crudOption) !== null && _e !== void 0 ? _e : {},
+        appendToBody: validData(opts.appendToBody, true),
+        canvas: {
+            text: "avuejs.com",
+            fontFamily: "microsoft yahei",
+            color: "#999",
+            fontSize: 16,
+            opacity: 100,
+            bottom: 10,
+            right: 10,
+            ratio: 1,
+            ...((_f = opts.canvas) !== null && _f !== void 0 ? _f : {}),
+        },
+        qiniu: {
+            AK: "",
+            SK: "",
+            scope: "",
+            url: "",
+            bucket: "https://upload.qiniup.com",
+            deadline: 1,
+            ...((_g = opts.qiniu) !== null && _g !== void 0 ? _g : {}),
+        },
+        ali: {
+            region: "",
+            endpoint: "",
+            stsToken: "",
+            accessKeyId: "",
+            accessKeySecret: "",
+            bucket: "",
+            ...((_h = opts.ali) !== null && _h !== void 0 ? _h : {}),
+        },
+    };
+    app.config.globalProperties.$AVUE = Object.assign({}, opts, defaultOption);
+    Object.keys(components).forEach((key) => {
+        const component = components[key];
+        app.component(component.name, component);
+    });
+    createIcon(app);
+    Object.keys(plugins).forEach((key) => {
+        if (["$DialogForm", "$ImagePreview"].includes(key)) {
+            app.config.globalProperties[key] = plugins[key](app._context);
+            return;
+        }
+        app.config.globalProperties[key] = plugins[key];
+    });
+    Object.keys(directive).forEach((key) => {
+        app.directive(key, directive[key]);
+    });
+    locale.use(opts.locale);
+    locale.i18n(opts.i18n);
+    app.config.globalProperties.$uploadFun = function (column = {}, safe) {
+        const ctx = safe !== null && safe !== void 0 ? safe : this;
+        const result = {};
+        UPLOAD_HOOK_KEYS.forEach((key) => {
+            if (column.type === "upload" && !column[key]) {
+                result[key] = ctx[key];
+            }
+        });
+        return result;
+    };
+    app.config.globalProperties.$axios = opts.axios || axios;
+};
+const Avue = {
+    version,
+    locale,
+    install,
+    ...components,
+    ...plugins,
+};
+export default Avue;

package/es/index.ts

@@ -0,0 +1,177 @@
+import type { App } from "vue";
+import components from "./ui/index";
+import { version } from "./version";
+import axios from "axios";
+import { validatenull } from "./utils/validate";
+
+import {
+  randomId,
+  deepClone,
+  dataURLtoFile,
+  findObject,
+  validData,
+  findArray,
+  findNode,
+  setPx,
+  isJson,
+  downFile,
+  loadScript,
+} from "./utils/util";
+import contextmenu from "./packages/core/directive/contextmenu";
+import $Export from "./plugin/export/index";
+import $Watermark from "./plugin/watermark/index";
+import $Log from "./plugin/logs/index";
+import locale from "./locale/index";
+import $Screenshot from "./plugin/screenshot/index";
+import $Clipboard from "./plugin/clipboard/index";
+import $Print from "./plugin/print/index";
+import $ImagePreview from "./packages/core/components/image-preview/index";
+import $DialogForm from "./packages/core/components/dialog-form/index";
+import createIcon from "./icon";
+
+type AnyRecord = Record<string, any>;
+type AppWithContext = App & { _context: any };
+const UPLOAD_HOOK_KEYS = [
+  "uploadPreview",
+  "uploadBefore",
+  "uploadAfter",
+  "uploadDelete",
+  "uploadError",
+  "uploadExceed",
+  "uploadSized",
+] as const;
+
+export interface AvueInstallOptions extends AnyRecord {
+  size?: string;
+  calcHeight?: number;
+  menuType?: string;
+  formOption?: AnyRecord;
+  crudOption?: AnyRecord;
+  appendToBody?: boolean;
+  canvas?: AnyRecord;
+  qiniu?: AnyRecord;
+  ali?: AnyRecord;
+  locale?: string | AnyRecord;
+  i18n?: any;
+  axios?: any;
+}
+
+const plugins: AnyRecord = {
+  $DialogForm,
+  $ImagePreview,
+  $Export,
+  $Print,
+  $Clipboard,
+  $Watermark,
+  $Log,
+  $Screenshot,
+  deepClone,
+  dataURLtoFile,
+  isJson,
+  setPx,
+  validData,
+  findArray,
+  findNode,
+  validatenull,
+  downFile,
+  loadScript,
+  findObject,
+  randomId,
+};
+
+const directive: AnyRecord = {
+  contextmenu,
+};
+
+export const install = function (app: App, opts: AvueInstallOptions = {}) {
+  const defaultOption = {
+    size: opts.size ?? "default",
+    calcHeight: opts.calcHeight ?? 0,
+    menuType: opts.menuType ?? "text",
+    formOption: opts.formOption ?? {},
+    crudOption: opts.crudOption ?? {},
+    appendToBody: validData(opts.appendToBody, true),
+    canvas: {
+      text: "avuejs.com",
+      fontFamily: "microsoft yahei",
+      color: "#999",
+      fontSize: 16,
+      opacity: 100,
+      bottom: 10,
+      right: 10,
+      ratio: 1,
+      ...(opts.canvas ?? {}),
+    },
+    qiniu: {
+      AK: "",
+      SK: "",
+      scope: "",
+      url: "",
+      bucket: "https://upload.qiniup.com",
+      deadline: 1,
+      ...(opts.qiniu ?? {}),
+    },
+    ali: {
+      region: "",
+      endpoint: "",
+      stsToken: "",
+      accessKeyId: "",
+      accessKeySecret: "",
+      bucket: "",
+      ...(opts.ali ?? {}),
+    },
+  };
+
+  app.config.globalProperties.$AVUE = Object.assign({}, opts, defaultOption);
+
+  Object.keys(components).forEach((key) => {
+    const component = components[key];
+    app.component(component.name, component);
+  });
+
+  createIcon(app);
+
+  Object.keys(plugins).forEach((key) => {
+    if (["$DialogForm", "$ImagePreview"].includes(key)) {
+      app.config.globalProperties[key] = plugins[key](
+        (app as AppWithContext)._context
+      );
+      return;
+    }
+
+    app.config.globalProperties[key] = plugins[key];
+  });
+
+  Object.keys(directive).forEach((key) => {
+    app.directive(key, directive[key]);
+  });
+
+  locale.use(opts.locale);
+  locale.i18n(opts.i18n);
+  app.config.globalProperties.$uploadFun = function (
+    column: AnyRecord = {},
+    safe: any
+  ) {
+    const ctx = safe ?? this;
+    const result: AnyRecord = {};
+
+    UPLOAD_HOOK_KEYS.forEach((key) => {
+      if (column.type === "upload" && !column[key]) {
+        result[key] = ctx[key];
+      }
+    });
+
+    return result;
+  };
+  app.config.globalProperties.$axios = opts.axios || axios;
+};
+
+const Avue = {
+  version,
+  locale,
+  install,
+  ...components,
+  ...plugins,
+};
+
+export default Avue;