hzzt-plus 0.0.1-dev → 0.0.1-dev-02

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v0.0.0-dev.1 */
+/*! Hzzt Plus v0.0.1 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -6,27 +6,15 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.HzztPlus = {}, global.Vue));
 })(this, (function (exports, vue) { 'use strict';
 
-  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
-
-  const version$1 = "0.0.0-dev.1";
-
-  const makeInstaller = (components = []) => {
-    const install = (app) => {
-      if (app[INSTALLED_KEY])
-        return;
-      app[INSTALLED_KEY] = true;
-      components.forEach((c) => app.use(c));
-    };
-    return {
-      version: version$1,
-      install
-    };
-  };
-
   var _a;
   const isClient = typeof window !== "undefined";
   isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
+  const hasOwnProperty$p = Object.prototype.hasOwnProperty;
+  const hasOwn = (val, key) => hasOwnProperty$p.call(val, key);
+  const isArray$1 = Array.isArray;
+  const isObject$1 = (val) => val !== null && typeof val === "object";
+
   var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
   var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -2217,7 +2205,7 @@
 
   var Promise$1 = getNative(root, "Promise");
 
-  var Set = getNative(root, "Set");
+  var Set$1 = getNative(root, "Set");
 
   var mapTag$8 = "[object Map]";
   var objectTag$2 = "[object Object]";
@@ -2228,10 +2216,10 @@
   var dataViewCtorString = toSource(DataView);
   var mapCtorString = toSource(Map$1);
   var promiseCtorString = toSource(Promise$1);
-  var setCtorString = toSource(Set);
+  var setCtorString = toSource(Set$1);
   var weakMapCtorString = toSource(WeakMap);
   var getTag = baseGetTag;
-  if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$8 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set && getTag(new Set()) != setTag$8 || WeakMap && getTag(new WeakMap()) != weakMapTag$2) {
+  if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$8 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$8 || WeakMap && getTag(new WeakMap()) != weakMapTag$2) {
     getTag = function(value) {
       var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
       if (ctorString) {
@@ -4022,7 +4010,7 @@
   var setTag$2 = "[object Set]";
   var objectProto$3 = Object.prototype;
   var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
-  function isEmpty(value) {
+  function isEmpty$1(value) {
     if (value == null) {
       return true;
     }
@@ -5657,8 +5645,8 @@
   }
 
   var INFINITY = 1 / 0;
-  var createSet = !(Set && 1 / setToArray(new Set([, -0]))[1] == INFINITY) ? noop : function(values) {
-    return new Set(values);
+  var createSet = !(Set$1 && 1 / setToArray(new Set$1([, -0]))[1] == INFINITY) ? noop : function(values) {
+    return new Set$1(values);
   };
 
   var LARGE_ARRAY_SIZE = 200;
@@ -6054,7 +6042,7 @@
     isBuffer,
     isDate,
     isElement: isElement$1,
-    isEmpty,
+    isEmpty: isEmpty$1,
     isEqual,
     isEqualWith,
     isError,
@@ -6837,8 +6825,52 @@
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    */
 
+  const isEmpty = (val) => !val && val !== 0 || isArray$1(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
+
+  const keysOf = (arr) => Object.keys(arr);
+
   !isClient ? void 0 : document.body;
 
+  const epPropKey = "__epPropKey";
+  const definePropType = (val) => val;
+  const isEpProp = (val) => isObject$1(val) && !!val[epPropKey];
+  const buildProp = (prop, key) => {
+    if (!isObject$1(prop) || isEpProp(prop))
+      return prop;
+    const { values, required, default: defaultValue, type, validator } = prop;
+    const _validator = values || validator ? (val) => {
+      let valid = false;
+      let allowedValues = [];
+      if (values) {
+        allowedValues = Array.from(values);
+        if (hasOwn(prop, "default")) {
+          allowedValues.push(defaultValue);
+        }
+        valid || (valid = allowedValues.includes(val));
+      }
+      if (validator)
+        valid || (valid = validator(val));
+      if (!valid && allowedValues.length > 0) {
+        const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
+        vue.warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
+      }
+      return valid;
+    } : void 0;
+    const epProp = {
+      type,
+      required: !!required,
+      validator: _validator,
+      [epPropKey]: true
+    };
+    if (hasOwn(prop, "default"))
+      epProp.default = defaultValue;
+    return epProp;
+  };
+  const buildProps = (props) => fromPairs(Object.entries(props).map(([key, option]) => [
+    key,
+    buildProp(option, key)
+  ]));
+
   const withInstall = (main, extra) => {
     main.install = (app) => {
       for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
@@ -6853,6 +6885,138 @@
     return main;
   };
 
+  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
+
+  const componentSizes = ["", "default", "small", "large"];
+
+  var English = {
+    name: "en",
+    hzzt: {
+      collapse: {
+        expand: "expand",
+        retract: "retract"
+      }
+    }
+  };
+
+  const buildTranslator = (locale) => (path, option) => translate(path, option, vue.unref(locale));
+  const translate = (path, option, locale) => get(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
+    var _a;
+    return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
+  });
+  const buildLocaleContext = (locale) => {
+    const lang = vue.computed(() => vue.unref(locale).name);
+    const localeRef = vue.isRef(locale) ? locale : vue.ref(locale);
+    return {
+      lang,
+      locale: localeRef,
+      t: buildTranslator(locale)
+    };
+  };
+  const localeContextKey = Symbol("localeContextKey");
+  const useLocale = (localeOverrides) => {
+    const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
+    return buildLocaleContext(vue.computed(() => locale.value || English));
+  };
+
+  const useSizeProp = buildProp({
+    type: String,
+    values: componentSizes,
+    required: false
+  });
+  const SIZE_INJECTION_KEY = Symbol("size");
+
+  const configProviderContextKey = Symbol();
+
+  const globalConfig = vue.ref();
+  function useGlobalConfig(key, defaultValue = void 0) {
+    const config = vue.getCurrentInstance() ? vue.inject(configProviderContextKey, globalConfig) : globalConfig;
+    if (key) {
+      return vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
+      });
+    } else {
+      return config;
+    }
+  }
+  const provideGlobalConfig = (config, app, global = false) => {
+    var _a;
+    const inSetup = !!vue.getCurrentInstance();
+    const oldConfig = inSetup ? useGlobalConfig() : void 0;
+    const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? vue.provide : void 0;
+    if (!provideFn) {
+      return;
+    }
+    const context = vue.computed(() => {
+      const cfg = vue.unref(config);
+      if (!(oldConfig == null ? void 0 : oldConfig.value))
+        return cfg;
+      return mergeConfig(oldConfig.value, cfg);
+    });
+    provideFn(configProviderContextKey, context);
+    provideFn(localeContextKey, vue.computed(() => context.value.locale));
+    provideFn(SIZE_INJECTION_KEY, {
+      size: vue.computed(() => context.value.size || "")
+    });
+    if (global || !globalConfig.value) {
+      globalConfig.value = context.value;
+    }
+    return context;
+  };
+  const mergeConfig = (a, b) => {
+    const keys = [.../* @__PURE__ */ new Set([...keysOf(a), ...keysOf(b)])];
+    const obj = {};
+    for (const key of keys) {
+      obj[key] = b[key] !== void 0 ? b[key] : a[key];
+    }
+    return obj;
+  };
+
+  const configProviderProps = buildProps({
+    a11y: {
+      type: Boolean,
+      default: true
+    },
+    locale: {
+      type: definePropType(Object)
+    },
+    size: useSizeProp,
+    keyboardNavigation: {
+      type: Boolean,
+      default: true
+    }
+  });
+
+  const ConfigProvider = vue.defineComponent({
+    name: "HzztConfigProvider",
+    props: configProviderProps,
+    setup(props, { slots }) {
+      const config = provideGlobalConfig(props);
+      return () => vue.renderSlot(slots, "default", { config: config == null ? void 0 : config.value });
+    }
+  });
+  var ConfigProvider$1 = ConfigProvider;
+
+  const HzztConfigProvider = withInstall(ConfigProvider$1);
+
+  const version$1 = "0.0.1";
+
+  const makeInstaller = (components = []) => {
+    const install = (app, options) => {
+      if (app[INSTALLED_KEY])
+        return;
+      app[INSTALLED_KEY] = true;
+      components.forEach((c) => app.use(c));
+      if (options)
+        provideGlobalConfig(options, app, true);
+    };
+    return {
+      version: version$1,
+      install
+    };
+  };
+
   var _export_sfc = (sfc, props) => {
     const target = sfc.__vccOpts || sfc;
     for (const [key, val] of props) {
@@ -6861,20 +7025,20 @@
     return target;
   };
 
-  const _hoisted_1$1 = {
+  const _hoisted_1$2 = {
     key: 0,
     class: "hzzt-title flex align-items-center"
   };
-  const _hoisted_2$1 = {
+  const _hoisted_2$2 = {
     key: 0,
     class: "decorative-line"
   };
-  const _hoisted_3$1 = { class: "label-name" };
-  const __default__$1 = vue.defineComponent({
+  const _hoisted_3$2 = { class: "label-name" };
+  const __default__$2 = vue.defineComponent({
     name: "HzztTitle"
   });
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
     props: {
       label: String,
       sideline: {
@@ -6890,10 +7054,10 @@
         return props.label || ((_c = (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b[0]) == null ? void 0 : _c.children);
       });
       return (_ctx, _cache) => {
-        return vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-          __props.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1)) : vue.createCommentVNode("v-if", true),
+        return vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+          __props.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2)) : vue.createCommentVNode("v-if", true),
           vue.renderSlot(_ctx.$slots, "before"),
-          vue.createElementVNode("label", _hoisted_3$1, [
+          vue.createElementVNode("label", _hoisted_3$2, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createTextVNode(vue.toDisplayString(__props.label), 1)
             ])
@@ -6902,7 +7066,7 @@
       };
     }
   });
-  var Title = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "index.vue"]]);
+  var Title = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "index.vue"]]);
 
   const HzztTitle = withInstall(Title);
 
@@ -6978,18 +7142,18 @@
     }
   };
 
-  const _hoisted_1 = ["onClick"];
-  const _hoisted_2 = { class: "hzzt-dropdown-name" };
-  const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("span", { class: "caret" }, null, -1);
-  const _hoisted_4 = { class: "hzzt-dropdown-menu" };
-  const _hoisted_5 = ["onClick"];
-  const _hoisted_6 = { class: "submenu" };
-  const _hoisted_7 = ["onClick"];
-  const __default__ = vue.defineComponent({
+  const _hoisted_1$1 = ["onClick"];
+  const _hoisted_2$1 = { class: "hzzt-dropdown-name" };
+  const _hoisted_3$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "caret" }, null, -1);
+  const _hoisted_4$1 = { class: "hzzt-dropdown-menu" };
+  const _hoisted_5$1 = ["onClick"];
+  const _hoisted_6$1 = { class: "submenu" };
+  const _hoisted_7$1 = ["onClick"];
+  const __default__$1 = vue.defineComponent({
     name: "HzztDropDown"
   });
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1,
     props: {
       options: {
         type: Array,
@@ -7020,7 +7184,7 @@
     },
     emits: ["change"],
     setup(__props, { emit: emits }) {
-      const props = __props;
+      const dProps = __props;
       const toggle = vue.ref(false);
       function dropToggle() {
         toggle.value = !toggle.value;
@@ -7029,10 +7193,10 @@
         toggle.value = false;
       }
       function selectValue(val) {
-        if (props.returnType === "Array") {
+        if (dProps.returnType === "Array") {
           emits("change", val);
         }
-        if (props.returnType === "String") {
+        if (dProps.returnType === "String") {
           emits("change", val.last);
         }
       }
@@ -7044,36 +7208,36 @@
           vue.createElementVNode("li", {
             class: vue.normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
           }, [
-            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(__props.label), 1),
-            _hoisted_3,
-            vue.createElementVNode("ul", _hoisted_4, [
+            vue.createElementVNode("span", _hoisted_2$1, vue.toDisplayString(__props.label), 1),
+            _hoisted_3$1,
+            vue.createElementVNode("ul", _hoisted_4$1, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                  option[props.children] && option[props.children].length ? (vue.openBlock(), vue.createElementBlock("li", {
-                    class: vue.normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(option[props.value]) }),
+                  vue.unref(isEmpty)(option[__props.props.children]) ? (vue.openBlock(), vue.createElementBlock("li", {
+                    class: vue.normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(option[__props.props.value]) }),
                     key: index
                   }, [
                     vue.createElementVNode("a", {
-                      onClick: ($event) => selectValue([option[props.value]]),
+                      onClick: ($event) => selectValue([option[__props.props.value]]),
                       class: "hzzt-dropdown-menu-item-label"
-                    }, vue.toDisplayString(option[props.label]), 9, _hoisted_5)
+                    }, vue.toDisplayString(option[__props.props.label]), 9, _hoisted_5$1)
                   ], 2)) : (vue.openBlock(), vue.createElementBlock("li", {
                     key: index + "submenu",
                     class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
                   }, [
-                    vue.createElementVNode("a", _hoisted_6, vue.toDisplayString(option[props.label]), 1),
+                    vue.createElementVNode("a", _hoisted_6$1, vue.toDisplayString(option[__props.props.label]), 1),
                     vue.createElementVNode("ul", {
                       class: vue.normalizeClass([["pull-" + __props.position], "hzzt-dropdown-menu"])
                     }, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(option.children, (child, cIndex) => {
                         return vue.openBlock(), vue.createElementBlock("li", {
-                          class: vue.normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(child[props.value]) }),
+                          class: vue.normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(child[__props.props.value]) }),
                           key: cIndex
                         }, [
                           vue.createElementVNode("a", {
-                            onClick: ($event) => selectValue([option[props.value], child[props.value]]),
+                            onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]]),
                             class: "hzzt-dropdown-menu-item-label"
-                          }, vue.toDisplayString(child[props.label]), 9, _hoisted_7)
+                          }, vue.toDisplayString(child[__props.props.label]), 9, _hoisted_7$1)
                         ], 2);
                       }), 128))
                     ], 2)
@@ -7086,19 +7250,85 @@
               }), 256))
             ])
           ], 2)
-        ], 8, _hoisted_1)), [
+        ], 8, _hoisted_1$1)), [
           [vue.unref(ClickOutside), close]
         ]);
       };
     }
   });
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "index.vue"]]);
 
   const HzztDropdown = withInstall(Dropdown);
 
+  const _hoisted_1 = { class: "hzzt-collapse" };
+  const _hoisted_2 = { class: "flex align-items-center" };
+  const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
+  const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
+  const _hoisted_5 = { class: "hzzt-collapse-title" };
+  const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
+  const _hoisted_7 = {
+    key: 0,
+    class: "hzzt-collapse-text"
+  };
+  const __default__ = vue.defineComponent({
+    name: "HzztCollapse"
+  });
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
+    props: {
+      defaultActive: {
+        type: Boolean,
+        default: false
+      },
+      title: {
+        type: String,
+        default: ""
+      },
+      expand: {
+        type: Boolean,
+        default: true
+      }
+    },
+    setup(__props) {
+      const props = __props;
+      const { t } = useLocale();
+      const active = vue.ref(props.defaultActive);
+      const slots = vue.useSlots();
+      vue.watch(() => props.defaultActive, (val) => {
+        active.value = val;
+      });
+      function toggle() {
+        active.value = !active.value;
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("div", {
+            class: "hzzt-collapse-header",
+            onClick: toggle
+          }, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createElementVNode("div", _hoisted_3, [
+                _hoisted_4,
+                vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(__props.title) + "}", 1)
+              ]),
+              _hoisted_6
+            ]),
+            __props.expand ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(active.value ? vue.unref(t)("hzzt.collapse.") : vue.unref(t)("hzzt.collapse.expand")), 1)) : vue.createCommentVNode("v-if", true)
+          ]),
+          vue.createTextVNode(" " + vue.toDisplayString(vue.unref(slots).active ? vue.unref(slots).active(active.value) : vue.unref(slots).default()), 1)
+        ]);
+      };
+    }
+  });
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+  const HzztCollapse = withInstall(Collapse);
+
   var Components = [
+    HzztConfigProvider,
     HzztTitle,
-    HzztDropdown
+    HzztDropdown,
+    HzztCollapse
   ];
 
   var Plugins = [];
@@ -7108,11 +7338,17 @@
   const install = installer.install;
   const version = installer.version;
 
+  exports.HzztCollapse = HzztCollapse;
+  exports.HzztConfigProvider = HzztConfigProvider;
   exports.HzztDropdown = HzztDropdown;
   exports.HzztTitle = HzztTitle;
+  exports.configProviderContextKey = configProviderContextKey;
+  exports.configProviderProps = configProviderProps;
   exports["default"] = installer;
   exports.install = install;
   exports.makeInstaller = makeInstaller;
+  exports.provideGlobalConfig = provideGlobalConfig;
+  exports.useGlobalConfig = useGlobalConfig;
   exports.version = version;
 
   Object.defineProperty(exports, '__esModule', { value: true });