hoci 0.2.0 → 0.3.0

package/dist/index.cjs

@@ -1,732 +1,13 @@
 'use strict';
 
-const core = require('@vueuse/core');
-const vue = require('vue');
+const core = require('@hoci/core');
+const components = require('@hoci/components');
 
-function defineHookProps(props) {
-  return props;
-}
-function defineHookEmits(emits) {
-  return emits;
-}
-function defineHookComponent(options) {
-  return (props, context) => {
-    const p = withDefaults(
-      isFunction(props) ? core.reactiveComputed(() => props()) : props,
-      options.props
-    );
-    return options.setup(p, context);
-  };
-}
-function isFunction(value) {
-  return typeof value === "function";
-}
-function isConstructor(value) {
-  return isFunction(value) && value.prototype !== void 0;
-}
-function withDefaults(props, propsOptions) {
-  if (Array.isArray(propsOptions)) {
-    return props;
-  }
-  const newProps = props;
-  const options = propsOptions;
-  for (const key in options) {
-    const k = key;
-    const opt = options[k];
-    if (newProps[k] !== void 0) {
-      continue;
-    }
-    if (opt === null) {
-      continue;
-    }
-    if (isConstructor(opt)) {
-      if (isExtends(opt, Boolean)) {
-        newProps[key] = false;
-      }
-      continue;
-    }
-    if (Array.isArray(opt)) {
-      if (opt.some((e) => isExtends(e, Boolean))) {
-        newProps[key] = false;
-      }
-      continue;
-    }
-    if (isFunction(opt.default)) {
-      newProps[key] = opt.default(props);
-    } else if (opt.default !== void 0) {
-      newProps[key] = opt.default;
-    }
-  }
-  return newProps;
-}
-function isExtends(types, value) {
-  if (Array.isArray(types)) {
-    return types.some((e) => isExtends(e, value));
-  }
-  return value === types;
-}
 
-function isIterable(obj) {
-  return obj && typeof obj[Symbol.iterator] === "function";
-}
-function isObject(obj) {
-  return typeof obj === "object" && obj !== null;
-}
-function isString(obj) {
-  return typeof obj === "string";
-}
-function isNumber(obj) {
-  return typeof obj === "number";
-}
 
-function classnames(...literals) {
-  return literals.reduce((prev, cur) => {
-    if (cur) {
-      if (isString(cur) || isNumber(cur)) {
-        prev = prev && `${prev} `;
-        prev = prev.concat(String(cur));
-      } else if (isIterable(cur)) {
-        prev = prev && `${prev} `;
-        prev = prev.concat(classnames(...cur));
-      } else if (isObject(cur)) {
-        for (const key in cur) {
-          if (cur[key]) {
-            prev = prev && `${prev} `;
-            prev = prev.concat(key);
-          }
-        }
-      }
-    }
-    return prev;
-  }, "");
-}
-const cls = classnames;
-
-const valuePropType = [
-  String,
-  Number,
-  Object,
-  Boolean,
-  null
-];
-const classPropType = [String, Array, Object];
-const labelPropType = [String, Function];
-
-const InitSymbol = Symbol("[hi-selection]init");
-const ActiveClassSymbol = Symbol("[hi-selection]active-class");
-const ItemClassSymbol = Symbol("[hi-selection]item-class");
-const UnactiveSymbol = Symbol("[hi-selection]unactive-class");
-const DisabledClassSymbol = Symbol("[hi-selection]disabled-class");
-const ItemLabelSymbol = Symbol("[hi-selection]label");
-const ActivateEventSymbol = Symbol("[hi-selection]activate-event");
-const ChangeActiveSymbol = Symbol("[hi-selection]change-active");
-const IsActiveSymbol = Symbol("[hi-selection]is-active");
-
-var __defProp$3 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-const selectionItemProps = defineHookProps({
-  value: {
-    type: valuePropType,
-    default() {
-      return Math.random().toString(16).slice(2);
-    }
-  },
-  label: {
-    type: [Function, String]
-  },
-  keepAlive: {
-    type: Boolean,
-    default: () => true
-  },
-  key: {
-    type: [String, Number, Symbol]
-  },
-  activateEvent: {
-    type: String
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  }
+Object.keys(core).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) exports[k] = core[k];
 });
-const useSelectionItem = defineHookComponent({
-  props: selectionItemProps,
-  setup(props, { slots }) {
-    const isActiveFn = vue.inject(IsActiveSymbol, () => false);
-    const changeActive = vue.inject(ChangeActiveSymbol, () => {
-    });
-    const parentLabel = core.toRef(vue.inject(ItemLabelSymbol));
-    const activate = () => {
-      if (props.disabled) {
-        return;
-      }
-      changeActive(props.value);
-    };
-    function render() {
-      return vue.renderSlot(slots, "default", {
-        active: isActiveFn(props.value),
-        activate
-      }, () => {
-        var _a;
-        let label = (_a = props.label) != null ? _a : parentLabel.value;
-        if (label && typeof label == "function") {
-          label = label(props.value);
-        }
-        return Array.isArray(label) ? label : [label];
-      });
-    }
-    let remove = () => {
-    };
-    const init = vue.inject(InitSymbol);
-    if (init) {
-      vue.watch(
-        () => props.value,
-        (value) => {
-          remove();
-          remove = init({
-            id: Math.random().toString(16).slice(2),
-            label: typeof props.label == "string" ? props.label : void 0,
-            value,
-            render
-          });
-        },
-        { immediate: true }
-      );
-      vue.onDeactivated(() => remove());
-    }
-    const isActive = vue.computed(() => isActiveFn(props.value));
-    const isDisabled = vue.computed(() => props.disabled);
-    const activeClass = vue.computed(
-      () => {
-        var _a, _b;
-        return (_b = (_a = vue.inject(ActiveClassSymbol)) == null ? void 0 : _a.value) != null ? _b : "active";
-      }
-    );
-    const unactiveClass = vue.computed(
-      () => {
-        var _a, _b;
-        return (_b = (_a = vue.inject(UnactiveSymbol)) == null ? void 0 : _a.value) != null ? _b : "unactive";
-      }
-    );
-    const disabledClass = vue.computed(() => {
-      var _a, _b;
-      return (_b = (_a = vue.inject(DisabledClassSymbol)) == null ? void 0 : _a.value) != null ? _b : "disabled";
-    });
-    const itemClass = vue.computed(() => {
-      var _a, _b;
-      return (_b = (_a = vue.inject(ItemClassSymbol)) == null ? void 0 : _a.value) != null ? _b : "";
-    });
-    const className = vue.computed(() => {
-      const array = [itemClass.value];
-      if (!isDisabled.value) {
-        array.push(isActiveFn(props.value) ? activeClass.value : unactiveClass.value);
-      } else {
-        array.push(disabledClass.value);
-      }
-      return cls(array);
-    });
-    const activateEvent = core.toRef(() => {
-      var _a, _b;
-      const event = vue.inject(ActivateEventSymbol);
-      return (_b = (_a = props.activateEvent) != null ? _a : event == null ? void 0 : event.value) != null ? _b : "click";
-    });
-    return {
-      activate,
-      render,
-      isActive,
-      isDisabled,
-      activeClass,
-      unactiveClass,
-      disabledClass,
-      itemClass,
-      className,
-      activateEvent
-    };
-  }
+Object.keys(components).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) exports[k] = components[k];
 });
-const HiItem = vue.defineComponent({
-  name: "HiItem",
-  props: __spreadProps$3(__spreadValues$3({}, selectionItemProps), {
-    tag: {
-      type: String,
-      default: "div"
-    }
-  }),
-  setup(props, context) {
-    const { render, activate, className, isDisabled, activateEvent } = useSelectionItem(
-      props,
-      context
-    );
-    return () => vue.h(
-      props.tag,
-      {
-        class: className.value,
-        [`on${vue.capitalize(activateEvent.value)}`]: activate,
-        disabled: isDisabled.value
-      },
-      render()
-    );
-  }
-});
-
-var __defProp$2 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-const selectionListProps = defineHookProps({
-  modelValue: {
-    type: valuePropType,
-    default: () => null
-  },
-  /**
-   * 选中时的 class
-   */
-  activeClass: {
-    type: classPropType,
-    default: "active"
-  },
-  /**
-   *  每个选项的 class
-   */
-  itemClass: {
-    type: classPropType,
-    default: ""
-  },
-  disabledClass: {
-    type: classPropType,
-    default: "disabled"
-  },
-  unactiveClass: {
-    type: classPropType,
-    default: ""
-  },
-  label: {
-    type: labelPropType
-  },
-  /**
-   *  多选模式
-   */
-  multiple: {
-    type: [Boolean, Number],
-    default: () => false
-  },
-  /**
-   * 可清除
-   */
-  clearable: {
-    type: Boolean
-  },
-  defaultValue: {
-    type: valuePropType,
-    default: () => null
-  },
-  activateEvent: {
-    type: String,
-    default: () => "click"
-  }
-});
-const selectionListEmits = defineHookEmits([
-  "update:modelValue",
-  "change",
-  "load",
-  "unload"
-]);
-const useSelectionList = defineHookComponent({
-  props: selectionListProps,
-  emits: selectionListEmits,
-  setup(props, { emit }) {
-    var _a;
-    const options = vue.reactive([]);
-    function toArray(value) {
-      if (!core.isDefined(value)) {
-        return [];
-      }
-      if (props.multiple && Array.isArray(value)) {
-        return value.filter((v) => v != null || v !== void 0);
-      }
-      return [value];
-    }
-    const actives = vue.reactive([
-      ...toArray((_a = props.modelValue) != null ? _a : props.defaultValue)
-    ]);
-    const currentValue = vue.computed({
-      get() {
-        return props.multiple ? actives : actives[0];
-      },
-      set(val) {
-        actives.splice(0, actives.length, ...toArray(val));
-      }
-    });
-    const modelValue = vue.computed({
-      get() {
-        var _a2;
-        return (_a2 = props.modelValue) != null ? _a2 : props.defaultValue;
-      },
-      set(val) {
-        emit("update:modelValue", val);
-      }
-    });
-    core.syncRef(currentValue, modelValue, { immediate: true, deep: true });
-    vue.provide(
-      ActiveClassSymbol,
-      vue.computed(() => cls(props.activeClass))
-    );
-    vue.provide(
-      UnactiveSymbol,
-      vue.computed(() => cls(props.unactiveClass))
-    );
-    vue.provide(
-      DisabledClassSymbol,
-      vue.computed(() => cls(props.disabledClass))
-    );
-    vue.provide(
-      ItemClassSymbol,
-      vue.computed(() => cls(props.itemClass))
-    );
-    vue.provide(
-      ItemLabelSymbol,
-      vue.computed(() => props.label)
-    );
-    vue.provide(
-      ActivateEventSymbol,
-      vue.computed(() => props.activateEvent)
-    );
-    const emitChange = () => emit("change", currentValue.value);
-    function isActive(value) {
-      return actives.includes(value);
-    }
-    function changeActive(value) {
-      if (isActive(value)) {
-        if (props.multiple || props.clearable) {
-          actives.splice(actives.indexOf(value), 1);
-          emitChange();
-        }
-      } else {
-        if (props.multiple) {
-          const limit = typeof props.multiple === "number" ? props.multiple : Number.POSITIVE_INFINITY;
-          if (actives.length < limit) {
-            actives.push(value);
-            emitChange();
-          }
-        } else {
-          actives.splice(0, actives.length, value);
-          emitChange();
-        }
-      }
-    }
-    vue.provide(IsActiveSymbol, isActive);
-    vue.provide(ChangeActiveSymbol, changeActive);
-    vue.provide(InitSymbol, (option) => {
-      function remove() {
-        const index = options.findIndex((e) => e.id === option.id);
-        if (index > -1) {
-          options.splice(index, 1);
-          emit("unload", option);
-        }
-      }
-      for (let i = 0; i < options.length; i++) {
-        if (options[i].value === option.value) {
-          options.splice(i, 1);
-          i--;
-        }
-      }
-      options.push(option);
-      emit("load", option);
-      return remove;
-    });
-    function renderItem() {
-      const children = options.filter((e) => actives.includes(e.value)).map((e) => e.render());
-      return props.multiple ? children : children[0];
-    }
-    return {
-      options,
-      actives,
-      isActive,
-      changeActive,
-      renderItem
-    };
-  }
-});
-const HiSelection = vue.defineComponent({
-  name: "HiSelection",
-  props: __spreadProps$2(__spreadValues$2({}, selectionListProps), {
-    tag: {
-      type: String,
-      default: "div"
-    }
-  }),
-  emits: selectionListEmits,
-  setup(props, context) {
-    const { isActive, changeActive, renderItem } = useSelectionList(props, context);
-    const { slots } = context;
-    return () => vue.h(props.tag, {}, vue.renderSlot(slots, "default", {
-      isActive,
-      changeActive,
-      renderItem
-    }));
-  }
-});
-
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-const switchProps = defineHookProps({
-  modelValue: {
-    type: Boolean,
-    default: false
-  },
-  class: {
-    type: classPropType,
-    required: true
-  },
-  activeClass: {
-    type: classPropType,
-    default: "checked"
-  },
-  unactiveClass: {
-    type: classPropType,
-    default: "unchecked"
-  },
-  activateEvent: {
-    type: String,
-    default: "click"
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  disabledClass: {
-    type: classPropType,
-    default: ""
-  }
-});
-const switchEmits = defineHookEmits(["update:modelValue", "change"]);
-const useSwitch = defineHookComponent({
-  props: switchProps,
-  emits: switchEmits,
-  setup(props, context) {
-    const modelValue = core.useVModel(props, "modelValue", context.emit, {
-      passive: true,
-      defaultValue: false
-    });
-    const toggle = function(value) {
-      if (props.disabled) {
-        return;
-      }
-      const oldValue = modelValue.value;
-      const newValue = typeof value === "boolean" ? value : !oldValue;
-      if (newValue !== oldValue) {
-        modelValue.value = newValue;
-        context.emit("change", newValue);
-      }
-    };
-    const isDisabled = vue.computed(() => props.disabled);
-    const className = vue.computed(() => {
-      return cls([
-        props.class,
-        modelValue.value ? props.activeClass : props.unactiveClass,
-        isDisabled.value ? props.disabledClass : ""
-      ]);
-    });
-    return {
-      toggle,
-      modelValue,
-      className,
-      isDisabled
-    };
-  }
-});
-const HiSwitch = vue.defineComponent({
-  name: "HiSwitch",
-  props: __spreadProps$1(__spreadValues$1({}, switchProps), {
-    tag: {
-      type: String,
-      default: "div"
-    }
-  }),
-  emits: switchEmits,
-  setup(props, context) {
-    const { slots } = context;
-    const { className, toggle, modelValue, isDisabled } = useSwitch(props, context);
-    return () => {
-      return vue.h(
-        props.tag,
-        {
-          class: className.value,
-          [`on${vue.capitalize(props.activateEvent)}`]: toggle
-        },
-        vue.renderSlot(slots, "default", {
-          active: modelValue.value,
-          isDisabled: isDisabled.value
-        })
-      );
-    };
-  }
-});
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const iconProps = defineHookProps({
-  src: {
-    type: String,
-    required: true
-  },
-  size: {
-    type: [Number, String],
-    default: "1rem"
-  },
-  width: {
-    type: [Number, String]
-  },
-  height: {
-    type: [Number, String]
-  },
-  color: {
-    type: String
-  },
-  mask: {
-    type: [Boolean, String],
-    default: () => "auto"
-  }
-});
-const useIcon = defineHookComponent({
-  props: iconProps,
-  setup(props, context) {
-    const style = vue.computed(() => {
-      var _a, _b, _c, _d, _e, _f;
-      const icon = props.src;
-      const propSize = (_a = props.size) != null ? _a : "16px";
-      const size = typeof propSize === "number" ? `${propSize}px` : propSize;
-      const propWidth = (_b = props.width) != null ? _b : size;
-      const width = typeof propWidth === "number" ? `${propWidth}px` : propWidth;
-      const propHeight = (_c = props.height) != null ? _c : size;
-      const height = typeof propHeight === "number" ? `${propHeight}px` : propHeight;
-      const color = (_d = props.color) != null ? _d : "currentColor";
-      const mask = props.mask === "auto" ? icon.endsWith(".svg") : props.mask;
-      if (!mask) {
-        return __spreadValues({
-          "--icon-url": `url('${icon}')`,
-          "background-image": "var(--icon-url)",
-          "background-size": "100% 100%",
-          "height": height,
-          "width": width,
-          "display": "inline-block"
-        }, (_e = context.attrs.style) != null ? _e : {});
-      }
-      return __spreadValues({
-        "--icon-url": `url('${icon}')`,
-        "mask": "var(--icon-url) no-repeat",
-        "mask-size": "100% 100%",
-        "-webkit-mask": "var(--icon-url) no-repeat",
-        "-webkit-mask-size": "100% 100%",
-        "background-color": color,
-        "display": "inline-block",
-        "width": width,
-        "height": height
-      }, (_f = context.attrs.style) != null ? _f : {});
-    });
-    return {
-      style
-    };
-  }
-});
-const HiIcon = vue.defineComponent({
-  props: __spreadProps(__spreadValues({}, iconProps), {
-    tag: {
-      type: String,
-      default: "i"
-    }
-  }),
-  setup(props, context) {
-    const { style } = useIcon(props, context);
-    return () => {
-      return vue.h(props.tag, {
-        style: style.value
-      });
-    };
-  }
-});
-
-exports.HiIcon = HiIcon;
-exports.HiItem = HiItem;
-exports.HiSelection = HiSelection;
-exports.HiSwitch = HiSwitch;
-exports.defineHookComponent = defineHookComponent;
-exports.defineHookEmits = defineHookEmits;
-exports.defineHookProps = defineHookProps;
-exports.iconProps = iconProps;
-exports.isExtends = isExtends;
-exports.selectionItemProps = selectionItemProps;
-exports.selectionListEmits = selectionListEmits;
-exports.selectionListProps = selectionListProps;
-exports.switchEmits = switchEmits;
-exports.switchProps = switchProps;
-exports.useIcon = useIcon;
-exports.useSelectionItem = useSelectionItem;
-exports.useSelectionList = useSelectionList;
-exports.useSwitch = useSwitch;