terminator-arco-renderer 0.0.1

package/lib/lugia-arco.umd.js

@@ -0,0 +1,1058 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("@fatewa/lugia-next"), require("@arco-design/web-vue"), require("lodash-es")) : typeof define === "function" && define.amd ? define(["exports", "vue", "@fatewa/lugia-next", "@arco-design/web-vue", "lodash-es"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.LugiaArco = {}, global.Vue, global["lugia-next"], global.ArcoVue, global.lodash));
+})(this, function(exports2, vue, lugiaNext, webVue, lodashEs) {
+  "use strict";var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+  const index$n = "";
+  const index$m = "";
+  const index$l = "";
+  const index$k = "";
+  const index$j = "";
+  const index$i = "";
+  const index$h = "";
+  const index$g = "";
+  const index$f = "";
+  const index$e = "";
+  const index$d = "";
+  const index$c = "";
+  const index$b = "";
+  const index$a = "";
+  const index$9 = "";
+  const index$8 = "";
+  const index$7 = "";
+  const index$6 = "";
+  const index$5 = "";
+  function _isSlot$1(s) {
+    return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+  }
+  const STATUS_MAPPER = {
+    danger: "danger",
+    primary: "normal",
+    success: "success",
+    warn: "warning"
+  };
+  const SIZE_MAPPER = {
+    tiny: "mini",
+    small: "small",
+    medium: "medium",
+    big: "large",
+    large: "large"
+  };
+  class ArcoButtonRenderer {
+    render(title, type, callback, property) {
+      const size = (property == null ? void 0 : property.size) ?? "small";
+      return vue.createVNode(webVue.Button, {
+        "type": "outline",
+        "status": STATUS_MAPPER[type] ?? "normal",
+        "size": SIZE_MAPPER[size],
+        "onClick": (e) => callback && callback(e)
+      }, _isSlot$1(title) ? title : {
+        default: () => [title]
+      });
+    }
+  }
+  const calendarLang$1 = {
+    formatYear: "YYYY 年",
+    formatMonth: "YYYY 年 MM 月",
+    today: "今天",
+    view: {
+      month: "月",
+      year: "年",
+      week: "周",
+      day: "日"
+    },
+    month: {
+      long: {
+        January: "一月",
+        February: "二月",
+        March: "三月",
+        April: "四月",
+        May: "五月",
+        June: "六月",
+        July: "七月",
+        August: "八月",
+        September: "九月",
+        October: "十月",
+        November: "十一月",
+        December: "十二月"
+      },
+      short: {
+        January: "一月",
+        February: "二月",
+        March: "三月",
+        April: "四月",
+        May: "五月",
+        June: "六月",
+        July: "七月",
+        August: "八月",
+        September: "九月",
+        October: "十月",
+        November: "十一月",
+        December: "十二月"
+      }
+    },
+    week: {
+      long: {
+        self: "周",
+        monday: "周一",
+        tuesday: "周二",
+        wednesday: "周三",
+        thursday: "周四",
+        friday: "周五",
+        saturday: "周六",
+        sunday: "周日"
+      },
+      short: {
+        self: "周",
+        monday: "一",
+        tuesday: "二",
+        wednesday: "三",
+        thursday: "四",
+        friday: "五",
+        saturday: "六",
+        sunday: "日"
+      }
+    }
+  };
+  const lang$1 = {
+    locale: "zh-CN",
+    empty: {
+      description: "暂无数据"
+    },
+    drawer: {
+      okText: "确定",
+      cancelText: "取消"
+    },
+    popconfirm: {
+      okText: "确定",
+      cancelText: "取消"
+    },
+    modal: {
+      okText: "确定",
+      cancelText: "取消"
+    },
+    pagination: {
+      goto: "前往",
+      page: "页",
+      countPerPage: "条/页",
+      total: "共 {0} 条"
+    },
+    table: {
+      okText: "确定",
+      resetText: "重置"
+    },
+    upload: {
+      start: "开始",
+      cancel: "取消",
+      delete: "删除",
+      retry: "点击重试",
+      buttonText: "点击上传",
+      preview: "预览",
+      drag: "点击或拖拽文件到此处上传",
+      dragHover: "释放文件并开始上传",
+      error: "上传失败"
+    },
+    calendar: calendarLang$1,
+    datePicker: {
+      view: calendarLang$1.view,
+      month: calendarLang$1.month,
+      week: calendarLang$1.week,
+      placeholder: {
+        date: "请选择日期",
+        week: "请选择周",
+        month: "请选择月份",
+        year: "请选择年份",
+        quarter: "请选择季度",
+        time: "请选择时间"
+      },
+      rangePlaceholder: {
+        date: ["开始日期", "结束日期"],
+        week: ["开始周", "结束周"],
+        month: ["开始月份", "结束月份"],
+        year: ["开始年份", "结束年份"],
+        quarter: ["开始季度", "结束季度"],
+        time: ["开始时间", "结束时间"]
+      },
+      selectTime: "选择时间",
+      today: "今天",
+      now: "此刻",
+      ok: "确定"
+    },
+    image: {
+      loading: "加载中"
+    },
+    imagePreview: {
+      fullScreen: "全屏",
+      rotateRight: "向右旋转",
+      rotateLeft: "向左旋转",
+      zoomIn: "放大",
+      zoomOut: "缩小",
+      originalSize: "原始尺寸"
+    },
+    typography: {
+      copied: "已复制",
+      copy: "复制",
+      expand: "展开",
+      collapse: "折叠",
+      edit: "编辑"
+    },
+    form: {
+      validateMessages: {
+        required: "#{field} 是必填项",
+        type: {
+          string: "#{field} 不是合法的文本类型",
+          number: "#{field} 不是合法的数字类型",
+          boolean: "#{field} 不是合法的布尔类型",
+          array: "#{field} 不是合法的数组类型",
+          object: "#{field} 不是合法的对象类型",
+          url: "#{field} 不是合法的 url 地址",
+          email: "#{field} 不是合法的邮箱地址",
+          ip: "#{field} 不是合法的 IP 地址"
+        },
+        number: {
+          min: "`#{value}` 小于最小值 `#{min}`",
+          max: "`#{value}` 大于最大值 `#{max}`",
+          equal: "`#{value}` 不等于 `#{equal}`",
+          range: "`#{value}` 不在 `#{min} ~ #{max}` 范围内",
+          positive: "`#{value}` 不是正数",
+          negative: "`#{value}` 不是负数"
+        },
+        array: {
+          length: "`#{field}` 个数不等于 #{length}",
+          minLength: "`#{field}` 个数最少为 #{minLength}",
+          maxLength: "`#{field}` 个数最多为 #{maxLength}",
+          includes: "#{field} 不包含 #{includes}",
+          deepEqual: "#{field} 不等于 #{deepEqual}",
+          empty: "`#{field}` 不是空数组"
+        },
+        string: {
+          minLength: "字符数最少为 #{minLength}",
+          maxLength: "字符数最多为 #{maxLength}",
+          length: "字符数必须是 #{length}",
+          match: "`#{value}` 不符合模式 #{pattern}",
+          uppercase: "`#{value}` 必须全大写",
+          lowercase: "`#{value}` 必须全小写"
+        },
+        object: {
+          deepEqual: "`#{field}` 不等于期望值",
+          hasKeys: "`#{field}` 不包含必须字段",
+          empty: "`#{field}` 不是对象"
+        },
+        boolean: {
+          true: "期望是 `true`",
+          false: "期望是 `false`"
+        }
+      }
+    },
+    colorPicker: {
+      history: "最近使用颜色",
+      preset: "系统预设颜色",
+      empty: "暂无"
+    }
+  };
+  const cn = {
+    arcoDialog: {
+      submit: "确认",
+      cancel: "取消"
+    },
+    arcoForm: {
+      placeholderPrefix: "请输入"
+    },
+    arcoTab: {
+      default: "默认"
+    },
+    arcoTable: {
+      deleteConfirm: {
+        content: "是否确认要删除?",
+        okText: "确认",
+        cancelText: "取消"
+      }
+    },
+    ...lang$1
+  };
+  var opt = Object.prototype.toString;
+  function isArray(obj) {
+    return opt.call(obj) === "[object Array]";
+  }
+  function isObject(obj) {
+    return opt.call(obj) === "[object Object]";
+  }
+  function isString(obj) {
+    return opt.call(obj) === "[object String]";
+  }
+  function isFunction(obj) {
+    return opt.call(obj) === "[object Function]";
+  }
+  function isEmptyValue(obj) {
+    return obj === void 0 || obj === null || obj === "";
+  }
+  function isEmptyArray(obj) {
+    return isArray(obj) && !obj.length;
+  }
+  var mergeTemplate = function(defaultValidateMessages, validateMessages) {
+    var result = Object.assign({}, defaultValidateMessages);
+    Object.keys(validateMessages || {}).forEach(function(key) {
+      var defaultValue = result[key];
+      var newValue = validateMessages === null || validateMessages === void 0 ? void 0 : validateMessages[key];
+      result[key] = isObject(defaultValue) ? Object.assign(Object.assign({}, defaultValue), newValue) : newValue || defaultValue;
+    });
+    return result;
+  };
+  var getTemplate = function(validateMessages, keyPath) {
+    var keys = keyPath.split(".");
+    var result = validateMessages;
+    for (var i = 0; i < keys.length; i++) {
+      result = result && result[keys[i]];
+      if (result === void 0) {
+        return result;
+      }
+    }
+    return result;
+  };
+  var defaultTypeTemplate = "#{field} is not a #{type} type";
+  var defaultValidateLocale = {
+    required: "#{field} is required",
+    type: {
+      ip: defaultTypeTemplate,
+      email: defaultTypeTemplate,
+      url: defaultTypeTemplate,
+      string: defaultTypeTemplate,
+      number: defaultTypeTemplate,
+      array: defaultTypeTemplate,
+      object: defaultTypeTemplate,
+      boolean: defaultTypeTemplate
+    },
+    number: {
+      min: "`#{value}` is not greater than `#{min}`",
+      max: "`#{value}` is not less than `#{max}`",
+      equal: "`#{value}` is not equal to `#{equal}`",
+      range: "`#{value}` is not in range `#{min} ~ #{max}`",
+      positive: "`#{value}` is not a positive number",
+      negative: "`#{value}` is not a negative number"
+    },
+    string: {
+      maxLength: "#{field} cannot be longer than #{maxLength} characters",
+      minLength: "#{field} must be at least #{minLength} characters",
+      length: "#{field} must be exactly #{length} characters",
+      match: "`#{value}` does not match pattern #{pattern}",
+      uppercase: "`#{value}` must be all uppercase",
+      lowercase: "`#{value}` must be all lowercased"
+    },
+    array: {
+      length: "#{field} must be exactly #{length} in length",
+      minLength: "#{field} cannot be less than #{minLength} in length",
+      maxLength: "#{field} cannot be greater than #{maxLength} in length",
+      includes: "#{field} is not includes #{includes}",
+      deepEqual: "#{field} is not deep equal with #{deepEqual}",
+      empty: "#{field} is not an empty array"
+    },
+    object: {
+      deepEqual: "#{field} is not deep equal to expected value",
+      hasKeys: "#{field} does not contain required fields",
+      empty: "#{field} is not an empty object"
+    },
+    boolean: {
+      true: "Expect true but got `#{value}`",
+      false: "Expect false but got `#{value}`"
+    }
+  };
+  var Base = function Base2(obj, options) {
+    var this$1$1 = this;
+    this.getValidateMsg = function(keyPath, info) {
+      if (info === void 0)
+        info = {};
+      var data = Object.assign(Object.assign({}, info), { value: this$1$1.obj, field: this$1$1.field, type: this$1$1.type });
+      var template = getTemplate(this$1$1.validateMessages, keyPath);
+      if (isFunction(template)) {
+        return template(data);
+      }
+      if (isString(template)) {
+        return template.replace(/\#\{.+?\}/g, function(variable) {
+          var key = variable.slice(2, -1);
+          if (key in data) {
+            if (isObject(data[key]) || isArray(data[key])) {
+              try {
+                return JSON.stringify(data[key]);
+              } catch (_) {
+                return data[key];
+              }
+            }
+            return String(data[key]);
+          }
+          return variable;
+        });
+      }
+      return template;
+    };
+    if (isObject(options) && isString(obj) && options.trim) {
+      this.obj = obj.trim();
+    } else if (isObject(options) && options.ignoreEmptyString && obj === "") {
+      this.obj = void 0;
+    } else {
+      this.obj = obj;
+    }
+    this.message = options.message;
+    this.type = options.type;
+    this.error = null;
+    this.field = options.field || options.type;
+    this.validateMessages = mergeTemplate(defaultValidateLocale, options.validateMessages);
+  };
+  var prototypeAccessors = { not: { configurable: true }, isRequired: { configurable: true }, end: { configurable: true } };
+  prototypeAccessors.not.get = function() {
+    this._not = !this._not;
+    return this;
+  };
+  prototypeAccessors.isRequired.get = function() {
+    if (isEmptyValue(this.obj) || isEmptyArray(this.obj)) {
+      var message = this.getValidateMsg("required");
+      this.error = {
+        value: this.obj,
+        type: this.type,
+        requiredError: true,
+        message: this.message || (isObject(message) ? message : (this._not ? "[NOT MODE]:" : "") + message)
+      };
+    }
+    return this;
+  };
+  prototypeAccessors.end.get = function() {
+    return this.error;
+  };
+  Base.prototype.addError = function addError(message) {
+    if (!this.error && message) {
+      this.error = {
+        value: this.obj,
+        type: this.type,
+        message: this.message || (isObject(message) ? message : (this._not ? "[NOT MODE]:" : "") + message)
+      };
+    }
+  };
+  Base.prototype.validate = function validate(expression, errorMessage) {
+    var _expression = this._not ? expression : !expression;
+    if (_expression) {
+      this.addError(errorMessage);
+    }
+    return this;
+  };
+  Base.prototype.collect = function collect(callback) {
+    callback && callback(this.error);
+  };
+  Object.defineProperties(Base.prototype, prototypeAccessors);
+  const calendarLang = {
+    formatYear: "YYYY",
+    formatMonth: "MMM YYYY",
+    today: "Today",
+    view: {
+      month: "Month",
+      year: "Year",
+      week: "Week",
+      day: "Day"
+    },
+    month: {
+      long: {
+        January: "January",
+        February: "February",
+        March: "March",
+        April: "April",
+        May: "May",
+        June: "June",
+        July: "July",
+        August: "August",
+        September: "September",
+        October: "October",
+        November: "November",
+        December: "December"
+      },
+      short: {
+        January: "Jan",
+        February: "Feb",
+        March: "Mar",
+        April: "Apr",
+        May: "May",
+        June: "Jun",
+        July: "Jul",
+        August: "Aug",
+        September: "Sept",
+        October: "Oct",
+        November: "Nov",
+        December: "Dec"
+      }
+    },
+    week: {
+      long: {
+        self: "Week",
+        monday: "Monday",
+        tuesday: "Tuesday",
+        wednesday: "Wednesday",
+        thursday: "Thursday",
+        friday: "Friday",
+        saturday: "Saturday",
+        sunday: "Sunday"
+      },
+      short: {
+        self: "Week",
+        monday: "Mon",
+        tuesday: "Tue",
+        wednesday: "Wed",
+        thursday: "Thu",
+        friday: "Fri",
+        saturday: "Sat",
+        sunday: "Sun"
+      }
+    }
+  };
+  const lang = {
+    locale: "en-US",
+    empty: {
+      description: "No Data"
+    },
+    drawer: {
+      okText: "Ok",
+      cancelText: "Cancel"
+    },
+    popconfirm: {
+      okText: "Ok",
+      cancelText: "Cancel"
+    },
+    modal: {
+      okText: "Ok",
+      cancelText: "Cancel"
+    },
+    pagination: {
+      goto: "Goto",
+      page: "Page",
+      countPerPage: " / Page",
+      total: "Total: {0}"
+    },
+    table: {
+      okText: "Ok",
+      resetText: "Reset"
+    },
+    upload: {
+      start: "Start",
+      cancel: "Cancel",
+      delete: "Delete",
+      retry: "Click to retry",
+      buttonText: "Upload",
+      preview: "Preview",
+      drag: "Click or drag file to this area to upload",
+      dragHover: "Release to upload",
+      error: "Upload Error"
+    },
+    calendar: calendarLang,
+    datePicker: {
+      view: calendarLang.view,
+      month: calendarLang.month,
+      week: calendarLang.week,
+      placeholder: {
+        date: "Please select date",
+        week: "Please select week",
+        month: "Please select month",
+        year: "Please select year",
+        quarter: "Please select quarter",
+        time: "Please select time"
+      },
+      rangePlaceholder: {
+        date: ["Start date", "End date"],
+        week: ["Start week", "End week"],
+        month: ["Start month", "End month"],
+        year: ["Start year", "End year"],
+        quarter: ["Start quarter", "End quarter"],
+        time: ["Start time", "End time"]
+      },
+      selectTime: "Select time",
+      today: "Today",
+      now: "Now",
+      ok: "Ok"
+    },
+    image: {
+      loading: "loading"
+    },
+    imagePreview: {
+      fullScreen: "Full Screen",
+      rotateRight: "Rotate Right",
+      rotateLeft: "Rotate Left",
+      zoomIn: "Zoom In",
+      zoomOut: "Zoom Out",
+      originalSize: "Original Size"
+    },
+    typography: {
+      copied: "Copied",
+      copy: "Copy",
+      expand: "Expand",
+      collapse: "Collapse",
+      edit: "Edit"
+    },
+    form: {
+      validateMessages: defaultValidateLocale
+    },
+    colorPicker: {
+      history: "History Colors",
+      preset: "Preset Colors",
+      empty: "Empty"
+    }
+  };
+  const en = {
+    arcoDialog: {
+      submit: "Ok",
+      cancel: "Cancel"
+    },
+    arcoForm: {
+      placeholderPrefix: "Please enter the"
+    },
+    arcoTab: {
+      default: "Default"
+    },
+    arcoTable: {
+      deleteConfirm: {
+        content: "Want to delete?",
+        okText: "Ok",
+        cancelText: "Cancel"
+      }
+    },
+    ...lang
+  };
+  const locale = {
+    en,
+    cn
+  };
+  var ArcoProviderKeyEnum = /* @__PURE__ */ ((ArcoProviderKeyEnum2) => {
+    ArcoProviderKeyEnum2["LOCALE"] = "locale";
+    ArcoProviderKeyEnum2["LOCALE_CONFIG"] = "locale_config";
+    return ArcoProviderKeyEnum2;
+  })(ArcoProviderKeyEnum || {});
+  const arcoConfigMap = /* @__PURE__ */ new Map();
+  function initArcoConfig() {
+    arcoConfigMap.set(ArcoProviderKeyEnum.LOCALE, "cn");
+  }
+  function arcoProvider(config) {
+    if (config.locale) {
+      arcoConfigMap.set(ArcoProviderKeyEnum.LOCALE, config.locale);
+    }
+    if (config.localeConfig) {
+      arcoConfigMap.set(ArcoProviderKeyEnum.LOCALE_CONFIG, config.localeConfig);
+    }
+  }
+  function getArcoProviderByKey(key) {
+    return arcoConfigMap.get(key);
+  }
+  function useLocaleHooks() {
+    const localeLang = getArcoProviderByKey(ArcoProviderKeyEnum.LOCALE);
+    const localeConfig = getArcoProviderByKey(ArcoProviderKeyEnum.LOCALE_CONFIG);
+    if (!localeConfig || localeConfig && !localeConfig[localeLang]) {
+      if (!locale[localeLang]) {
+        return locale.cn;
+      }
+      return locale[localeLang];
+    }
+    if (localeLang === "en" || localeLang === "cn") {
+      return lodashEs.merge({}, locale[localeLang], localeConfig[localeLang]);
+    }
+    return lodashEs.merge({}, locale.cn, localeConfig[localeLang]);
+  }
+  class ArcoTableRenderer {
+    constructor() {
+      __publicField(this, "buttonRenderer", new ArcoButtonRenderer());
+    }
+    render(templates, features, lang2, data, callback, emit) {
+      const locale2 = useLocaleHooks();
+      const columns = this._getColumns(templates, features, lang2, callback, emit, locale2);
+      const loading = vue.inject("lugia_loading");
+      return vue.createVNode(webVue.ConfigProvider, {
+        "locale": locale2
+      }, {
+        default: () => [vue.createVNode(webVue.Table, vue.mergeProps(features.table, {
+          "loading": loading.value,
+          "pagination": false,
+          "columns": columns,
+          "data": data
+        }), null)]
+      });
+    }
+    /**
+     * 数据处理 返回表头数据
+     * @param templates
+     * @param features
+     * @param lang
+     * @param callback
+     * @param emit
+     * @param locale
+     * @private
+     */
+    _getColumns(templates, features, lang2, callback, emit, locale2) {
+      var _a;
+      const getColumnOptions = (head) => {
+        if (!head)
+          return {};
+        if (typeof head === "string") {
+          return {
+            fixed: head
+          };
+        }
+        const obj = {};
+        if (head.width)
+          obj.width = head.width;
+        if (head.direction)
+          obj.fixed = head.direction;
+        return obj;
+      };
+      const columns = templates.map((head) => {
+        const options = getColumnOptions(head.fixed);
+        const key = lugiaNext.getTemplateRowKey(head, "query");
+        return {
+          title: head.title,
+          dataIndex: key,
+          ...options,
+          render: ({
+            record
+          }) => {
+            var _a2, _b;
+            if ((_a2 = head.renderer) == null ? void 0 : _a2.query) {
+              try {
+                const node = vue.createVNode("span", null, [(_b = head.renderer) == null ? void 0 : _b.query({
+                  key,
+                  state: record,
+                  mode: "query",
+                  emit
+                })]);
+                if (node) {
+                  return node;
+                }
+              } catch (e) {
+                console.error(e);
+                return vue.createVNode("span", null, [vue.createTextVNode("-")]);
+              }
+            }
+            if (key) {
+              return vue.createVNode("span", null, [record[key]]);
+            }
+            return vue.createVNode(vue.Fragment, null, [vue.createTextVNode("-")]);
+          }
+        };
+      });
+      if (features.update !== false || features.delete !== false) {
+        const options = getColumnOptions((_a = features == null ? void 0 : features.action) == null ? void 0 : _a.fixed);
+        columns.push({
+          title: lang2.operation,
+          ...options,
+          render: ({
+            record
+          }) => {
+            var _a2, _b, _c;
+            return vue.createVNode(vue.Fragment, null, [vue.createVNode("span", {
+              "style": {
+                marginRight: ".5rem"
+              }
+            }, [features.update !== false ? this.buttonRenderer.render(lang2.update, "primary", () => callback && callback.update(record), {
+              size: "tiny"
+            }) : ""]), features.delete !== false ? vue.createVNode(webVue.Popconfirm, {
+              "content": (_a2 = locale2.arcoTable) == null ? void 0 : _a2.deleteConfirm.content,
+              "type": "error",
+              "okText": (_b = locale2.arcoTable) == null ? void 0 : _b.deleteConfirm.okText,
+              "cancelText": (_c = locale2.arcoTable) == null ? void 0 : _c.deleteConfirm.cancelText,
+              "onOk": () => callback && callback.delete(record)
+            }, {
+              default: () => {
+                return this.buttonRenderer.render(lang2.delete, "danger", () => ({}), {
+                  size: "tiny"
+                });
+              }
+            }) : null]);
+          }
+        });
+      }
+      return columns;
+    }
+  }
+  const index$4 = "";
+  function _isSlot(s) {
+    return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+  }
+  class ArcoTabRenderer {
+    render(slots, state) {
+      let _slot;
+      const locale2 = useLocaleHooks();
+      return vue.createVNode(vue.Fragment, null, [slots.length === 1 ? vue.createVNode(vue.Fragment, null, [slots.map((slot) => {
+        return vue.createVNode("div", null, [slot.node]);
+      })]) : vue.createVNode(webVue.Tabs, {
+        "lazyLoad": true,
+        "onTabClick": (key) => {
+          state.activeTabIndex = key;
+        },
+        "activeKey": state.activeTabIndex,
+        "onUpdate:activeKey": ($event) => state.activeTabIndex = $event
+      }, _isSlot(_slot = slots.map((slot, index2) => {
+        var _a;
+        return vue.createVNode(webVue.TabPane, {
+          "title": slot.name !== "default" ? slot.name : (_a = locale2.arcoTab) == null ? void 0 : _a.default,
+          "key": index2
+        }, {
+          default: () => [slot.node]
+        });
+      })) ? _slot : {
+        default: () => [_slot]
+      })]);
+    }
+  }
+  class ArcoPageRenderer {
+    render(remotePagination) {
+      const locale2 = useLocaleHooks();
+      return vue.createVNode(webVue.ConfigProvider, {
+        "locale": locale2
+      }, {
+        default: () => [vue.createVNode(webVue.Pagination, {
+          "total": remotePagination.total,
+          "current": remotePagination.current,
+          "onUpdate:current": ($event) => remotePagination.current = $event,
+          "pageSize": remotePagination.size,
+          "onUpdate:pageSize": ($event) => remotePagination.size = $event,
+          "showPageSize": true,
+          "showTotal": true
+        }, null)]
+      });
+    }
+  }
+  const index$3 = "";
+  class ArcoDialogRenderer {
+    constructor() {
+      __publicField(this, "buttonRenderer", new ArcoButtonRenderer());
+    }
+    render(title, slot, state, context) {
+      const locale2 = useLocaleHooks();
+      return vue.createVNode(vue.Fragment, null, [state.visible ? vue.createVNode(webVue.Modal, {
+        "class": "lugia-arco-dialog",
+        "width": "60%",
+        "visible": state.visible,
+        "onUpdate:visible": ($event) => state.visible = $event,
+        "footer": false
+      }, {
+        default: () => [vue.createVNode("div", {
+          "style": {
+            maxHeight: "60vh",
+            overflow: "auto"
+          }
+        }, [slot]), vue.createVNode("div", {
+          "style": {
+            display: "flex",
+            marginTop: ".5rem",
+            justifyContent: "end"
+          }
+        }, [vue.createVNode(lugiaNext.LugiaButton, {
+          "style": "width: 6rem;height: 2.3rem;",
+          "renderer": this.buttonRenderer,
+          "type": "primary",
+          "onClick": () => context.$emit("submit")
+        }, {
+          default: () => {
+            var _a;
+            return [(_a = locale2.arcoDialog) == null ? void 0 : _a.submit];
+          }
+        }), vue.createVNode(lugiaNext.LugiaButton, {
+          "style": "width: 6rem;height: 2.3rem;margin-left: 0.5rem",
+          "type": "danger",
+          "renderer": this.buttonRenderer,
+          "onClick": () => context.$emit("cancel")
+        }, {
+          default: () => {
+            var _a;
+            return [(_a = locale2.arcoDialog) == null ? void 0 : _a.cancel];
+          }
+        })])],
+        title: () => vue.createVNode(vue.Fragment, null, [title])
+      }) : null]);
+    }
+  }
+  const index$2 = "";
+  const index$1 = "";
+  function Required() {
+    return vue.createVNode("svg", {
+      "fill": "currentColor",
+      "viewBox": "0 0 1024 1024",
+      "width": "1em",
+      "height": "1em"
+    }, [vue.createVNode("path", {
+      "d": "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z"
+    }, null)]);
+  }
+  const resolveRequire = (config, mode) => {
+    if (typeof config === "boolean") {
+      return config;
+    }
+    const opt2 = config;
+    if (opt2 && opt2[mode]) {
+      return opt2[mode];
+    }
+    return false;
+  };
+  class ArcoFormRenderer {
+    constructor() {
+      __publicField(this, "tabRenderer", new ArcoTabRenderer());
+    }
+    render(templates, mode, state) {
+      const locale2 = useLocaleHooks();
+      const tabs = lugiaNext.resolveTabs(templates);
+      const groups = [];
+      const defaultTab = tabs.default;
+      const FormContainer = vue.createVNode(webVue.Form, {
+        "model": state[mode],
+        "layout": "vertical"
+      }, null);
+      const createItem = (name, restTemplates) => ({
+        name,
+        node: lugiaNext.renderGroup(restTemplates, mode, {
+          row: new lugiaNext.DefaultRowRenderer(3),
+          formItem: (row, {
+            state: state2,
+            mode: mode2
+          }) => {
+            if (row.visible) {
+              const visible = row.visible[mode2];
+              if (visible) {
+                if (typeof visible === "function") {
+                  if (!visible(state2[mode2])) {
+                    return vue.createVNode("span", {
+                      "class": "empty"
+                    }, null);
+                  }
+                } else if (!visible) {
+                  return vue.createVNode("span", {
+                    "class": "empty"
+                  }, null);
+                }
+              }
+            }
+            const key = lugiaNext.getTemplateRowKey(row, mode2);
+            let result = null;
+            try {
+              result = state2 == null ? void 0 : state2.bindingResults[key][0];
+            } catch {
+            }
+            const mapper = {
+              error: "error",
+              success: "success",
+              warn: "warning"
+            };
+            if (row.renderer) {
+              const createOrUpdate = row.renderer[mode2];
+              if (createOrUpdate) {
+                const userRenderer = ({
+                  key: key2,
+                  state: state3,
+                  mode: mode3
+                }) => {
+                  try {
+                    return createOrUpdate({
+                      key: key2,
+                      state: state3,
+                      mode: mode3
+                    });
+                  } catch (e) {
+                    console.error(e);
+                    return vue.createVNode("span", null, [vue.createTextVNode("-")]);
+                  }
+                };
+                return vue.createVNode(webVue.FormItem, {
+                  "validateStatus": result ? mapper[result == null ? void 0 : result.level] : "",
+                  "style": "width: 100%",
+                  "label": row.title,
+                  "field": key,
+                  "help": (result == null ? void 0 : result.level) === "error" ? result == null ? void 0 : result.msg : ""
+                }, {
+                  default: () => [userRenderer({
+                    key,
+                    state: state2[mode2],
+                    mode: mode2
+                  })],
+                  label: () => {
+                    var _a;
+                    return vue.createVNode(vue.Fragment, null, [resolveRequire(((_a = row.validate) == null ? void 0 : _a.require) ?? false, mode2) && vue.createVNode("strong", {
+                      "class": "arco-form-item-label-required-symbol"
+                    }, [vue.createVNode(Required, null, null)]), vue.createVNode("span", null, [row.title])]);
+                  }
+                });
+              }
+            }
+            return vue.createVNode(webVue.FormItem, {
+              "validateStatus": result ? mapper[result == null ? void 0 : result.level] : "",
+              "style": "width: 100%",
+              "field": key,
+              "help": (result == null ? void 0 : result.level) === "error" ? result == null ? void 0 : result.msg : ""
+            }, {
+              default: () => {
+                var _a;
+                return [vue.createVNode(webVue.Input, {
+                  "modelValue": state2[mode2][key],
+                  "onUpdate:modelValue": ($event) => state2[mode2][key] = $event,
+                  "placeholder": `${(_a = locale2.arcoForm) == null ? void 0 : _a.placeholderPrefix}${row.title}`
+                }, null)];
+              },
+              label: () => {
+                var _a;
+                return vue.createVNode(vue.Fragment, null, [resolveRequire(((_a = row.validate) == null ? void 0 : _a.require) ?? false, mode2) && vue.createVNode("strong", {
+                  "class": "arco-form-item-label-required-symbol"
+                }, [vue.createVNode(Required, null, null)]), vue.createVNode("span", null, [row.title])]);
+              }
+            });
+          }
+        }, state, FormContainer)
+      });
+      if (defaultTab.length > 0) {
+        groups.push(createItem("default", defaultTab));
+      }
+      for (const it in tabs) {
+        if (tabs[it].length === 0) {
+          continue;
+        }
+        if (it !== "default") {
+          groups.push(createItem(it, tabs[it]));
+        }
+      }
+      return this.tabRenderer.render(groups, state);
+    }
+  }
+  class ArcoInputRenderer {
+    render(row, key, placeholder) {
+      return vue.createVNode(webVue.Input, {
+        "modelValue": row[key],
+        "onUpdate:modelValue": ($event) => row[key] = $event,
+        "placeholder": placeholder
+      }, null);
+    }
+  }
+  const index = "";
+  class ArcoMessageRenderer {
+    render(config) {
+      return webVue.Message[config.type](config);
+    }
+  }
+  const ArcoUIRenderer = {
+    table: new ArcoTableRenderer(),
+    button: new ArcoButtonRenderer(),
+    tab: new ArcoTabRenderer(),
+    page: new ArcoPageRenderer(),
+    dialog: new ArcoDialogRenderer(),
+    form: new ArcoFormRenderer(),
+    input: new ArcoInputRenderer(),
+    message: new ArcoMessageRenderer()
+  };
+  initArcoConfig();
+  exports2.ArcoButtonRenderer = ArcoButtonRenderer;
+  exports2.ArcoDialogRenderer = ArcoDialogRenderer;
+  exports2.ArcoFormRenderer = ArcoFormRenderer;
+  exports2.ArcoInputRenderer = ArcoInputRenderer;
+  exports2.ArcoMessageRenderer = ArcoMessageRenderer;
+  exports2.ArcoPageRenderer = ArcoPageRenderer;
+  exports2.ArcoProviderKeyEnum = ArcoProviderKeyEnum;
+  exports2.ArcoTabRenderer = ArcoTabRenderer;
+  exports2.ArcoTableRenderer = ArcoTableRenderer;
+  exports2.ArcoUIRenderer = ArcoUIRenderer;
+  exports2.arcoProvider = arcoProvider;
+  exports2.getArcoProviderByKey = getArcoProviderByKey;
+  exports2.initArcoConfig = initArcoConfig;
+  exports2.locale = locale;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});