escook-ui 0.1.1

package/lib/components/form/constant.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const FORM_PROPS = Symbol("FORM_PROPS");
+const FORM_ITEM_PROPS = Symbol("FORM_ITEM_PROPS");
+
+exports.FORM_ITEM_PROPS = FORM_ITEM_PROPS;
+exports.FORM_PROPS = FORM_PROPS;
+//# sourceMappingURL=constant.js.map

package/lib/components/form/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../../../../packages/components/form/constant.js"],"sourcesContent":["export const FORM_PROPS = Symbol('FORM_PROPS')\nexport const FORM_ITEM_PROPS = Symbol('FORM_ITEM_PROPS')\n"],"names":[],"mappings":";;AAAO,MAAM,UAAA,GAAa,OAAO,YAAY;AACtC,MAAM,eAAA,GAAkB,OAAO,iBAAiB;;;;;"}

package/lib/components/form/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('../../utils/install.js');
+var form = require('./src/form.vue.js');
+var formItem = require('./src/form-item.vue.js');
+
+const AForm = install.componentInstall(form.default);
+const AFormItem = install.componentInstall(formItem.default);
+var index = { AForm, AFormItem };
+
+exports.AForm = AForm;
+exports.AFormItem = AFormItem;
+exports.default = index;
+//# sourceMappingURL=index.js.map

package/lib/components/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/form/index.js"],"sourcesContent":["import { componentInstall } from '@ui-library/utils'\nimport Form from './src/form.vue'\nimport FormItem from './src/form-item.vue'\n\nexport const AForm = componentInstall(Form)\nexport const AFormItem = componentInstall(FormItem)\nexport default { AForm, AFormItem }\n"],"names":["componentInstall","Form","FormItem"],"mappings":";;;;;;;;AAIO,MAAM,KAAA,GAAQA,yBAAiBC,YAAI;AACnC,MAAM,SAAA,GAAYD,yBAAiBE,gBAAQ;AAClD,YAAe,EAAE,OAAO,SAAA,EAAU;;;;;;"}

package/lib/components/form/src/composables/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var vue = require('vue');
+var constant = require('../../constant.js');
+var useFormItemState = require('./use-form-item-state.js');
+
+const useFormItem = () => {
+  const formProps = vue.inject(constant.FORM_PROPS, void 0);
+  const formItemProps = vue.inject(constant.FORM_ITEM_PROPS, void 0);
+  const state = useFormItemState.useFormItemState({ formProps });
+  return { ...state, formProps, formItemProps };
+};
+
+exports.useFormItem = useFormItem;
+//# sourceMappingURL=index.js.map

package/lib/components/form/src/composables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/form/src/composables/index.js"],"sourcesContent":["import { inject } from 'vue'\nimport { FORM_PROPS, FORM_ITEM_PROPS } from '../../constant'\nimport { useFormItemState } from './use-form-item-state'\n\nexport const useFormItem = () => {\n  // 注入 Form 数据\n  const formProps = inject(FORM_PROPS, undefined)\n  // 注入 FormItem 数据\n  const formItemProps = inject(FORM_ITEM_PROPS, undefined)\n  // FormItem 的状态\n  const state = useFormItemState({ formProps })\n\n  return { ...state, formProps, formItemProps }\n}\n"],"names":["inject","FORM_PROPS","FORM_ITEM_PROPS","useFormItemState"],"mappings":";;;;;;AAIO,MAAM,cAAc,MAAM;AAE/B,EAAA,MAAM,SAAA,GAAYA,UAAA,CAAOC,mBAAA,EAAY,MAAS,CAAA;AAE9C,EAAA,MAAM,aAAA,GAAgBD,UAAA,CAAOE,wBAAA,EAAiB,MAAS,CAAA;AAEvD,EAAA,MAAM,KAAA,GAAQC,iCAAA,CAAiB,EAAE,SAAA,EAAW,CAAA;AAE5C,EAAA,OAAO,EAAE,GAAG,KAAA,EAAO,SAAA,EAAW,aAAA,EAAc;AAC9C;;;;"}

package/lib/components/form/src/composables/use-form-item-state.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var index$1 = require('../../../../hooks/use-namespace/index.js');
+var vue = require('vue');
+var index = require('../../../../hooks/use-style/index.js');
+require('../../../../hooks/use-zindex/index.js');
+
+const useFormItemState = ({ formProps }) => {
+  const instance = vue.getCurrentInstance();
+  const props = instance.props;
+  const ns = index$1.useNamespace("form-item");
+  const uStyle = index.useStyle();
+  const labelId = vue.useId();
+  const styledWidth = vue.computed(() => uStyle.width(props.labelWidth || formProps.labelWidth.value));
+  const labelAlign = vue.computed(() => formProps?.labelPosition.value || props.labelPosition);
+  const styledAlign = vue.computed(() => uStyle.align(labelAlign.value));
+  const initRules = vue.computed(() => {
+    const itemRules = props.rules ? convertArray(props.rules) : [];
+    const formRules = formProps?.rules?.value;
+    if (formRules) {
+      const _rules = formRules[props.prop];
+      _rules && itemRules.push(...convertArray(_rules));
+    }
+    return itemRules;
+  });
+  const propData = vue.computed(() => formProps?.model.value[props.prop]);
+  const errorMessage = vue.ref("");
+  const invalid = vue.computed(() => errorMessage.value !== "");
+  const isRequired = vue.computed(() => initRules.value.some((item) => item.required) || props.required);
+  const controlSize = vue.computed(() => formProps?.size.value || "default");
+  return {
+    ns,
+    labelId,
+    styledWidth,
+    styledAlign,
+    labelAlign,
+    initRules,
+    propData,
+    errorMessage,
+    invalid,
+    isRequired,
+    controlSize
+  };
+};
+function convertArray(rules) {
+  return Array.isArray(rules) ? rules : [rules];
+}
+
+exports.useFormItemState = useFormItemState;
+//# sourceMappingURL=use-form-item-state.js.map

package/lib/components/form/src/composables/use-form-item-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-item-state.js","sources":["../../../../../../packages/components/form/src/composables/use-form-item-state.js"],"sourcesContent":["import { useNamespace, useStyle } from '@ui-library/hooks'\nimport { useId, computed, getCurrentInstance, ref } from 'vue'\n\nexport const useFormItemState = ({ formProps }) => {\n  const instance = getCurrentInstance()\n  const props = instance.props\n\n  const ns = useNamespace('form-item')\n  const uStyle = useStyle()\n  const labelId = useId()\n\n  const styledWidth = computed(() => uStyle.width(props.labelWidth || formProps.labelWidth.value))\n  const labelAlign = computed(() => formProps?.labelPosition.value || props.labelPosition)\n  const styledAlign = computed(() => uStyle.align(labelAlign.value))\n  // 当前表单项的所有校验规则\n  const initRules = computed(() => {\n    const itemRules = props.rules ? convertArray(props.rules) : []\n    const formRules = formProps?.rules?.value\n\n    if (formRules) {\n      const _rules = formRules[props.prop]\n      _rules && itemRules.push(...convertArray(_rules))\n    }\n\n    return itemRules\n  })\n  // 当前表单项需要被校验的数据\n  const propData = computed(() => formProps?.model.value[props.prop])\n  const errorMessage = ref('')\n  const invalid = computed(() => errorMessage.value !== '')\n  const isRequired = computed(() => initRules.value.some((item) => item.required) || props.required)\n  const controlSize = computed(() => formProps?.size.value || 'default')\n\n  return {\n    ns,\n    labelId,\n    styledWidth,\n    styledAlign,\n    labelAlign,\n    initRules,\n    propData,\n    errorMessage,\n    invalid,\n    isRequired,\n    controlSize\n  }\n}\n\nfunction convertArray(rules) {\n  return Array.isArray(rules) ? rules : [rules]\n}\n"],"names":["getCurrentInstance","useNamespace","useStyle","useId","computed","ref"],"mappings":";;;;;;;AAGO,MAAM,gBAAA,GAAmB,CAAC,EAAE,SAAA,EAAU,KAAM;AACjD,EAAA,MAAM,WAAWA,sBAAA,EAAmB;AACpC,EAAA,MAAM,QAAQ,QAAA,CAAS,KAAA;AAEvB,EAAA,MAAM,EAAA,GAAKC,qBAAa,WAAW,CAAA;AACnC,EAAA,MAAM,SAASC,cAAA,EAAS;AACxB,EAAA,MAAM,UAAUC,SAAA,EAAM;AAEtB,EAAA,MAAM,WAAA,GAAcC,YAAA,CAAS,MAAM,MAAA,CAAO,KAAA,CAAM,MAAM,UAAA,IAAc,SAAA,CAAU,UAAA,CAAW,KAAK,CAAC,CAAA;AAC/F,EAAA,MAAM,aAAaA,YAAA,CAAS,MAAM,WAAW,aAAA,CAAc,KAAA,IAAS,MAAM,aAAa,CAAA;AACvF,EAAA,MAAM,cAAcA,YAAA,CAAS,MAAM,OAAO,KAAA,CAAM,UAAA,CAAW,KAAK,CAAC,CAAA;AAEjE,EAAA,MAAM,SAAA,GAAYA,aAAS,MAAM;AAC/B,IAAA,MAAM,YAAY,KAAA,CAAM,KAAA,GAAQ,aAAa,KAAA,CAAM,KAAK,IAAI,EAAC;AAC7D,IAAA,MAAM,SAAA,GAAY,WAAW,KAAA,EAAO,KAAA;AAEpC,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,MAAM,MAAA,GAAS,SAAA,CAAU,KAAA,CAAM,IAAI,CAAA;AACnC,MAAA,MAAA,IAAU,SAAA,CAAU,IAAA,CAAK,GAAG,YAAA,CAAa,MAAM,CAAC,CAAA;AAAA,IAClD;AAEA,IAAA,OAAO,SAAA;AAAA,EACT,CAAC,CAAA;AAED,EAAA,MAAM,QAAA,GAAWA,aAAS,MAAM,SAAA,EAAW,MAAM,KAAA,CAAM,KAAA,CAAM,IAAI,CAAC,CAAA;AAClE,EAAA,MAAM,YAAA,GAAeC,QAAI,EAAE,CAAA;AAC3B,EAAA,MAAM,OAAA,GAAUD,YAAA,CAAS,MAAM,YAAA,CAAa,UAAU,EAAE,CAAA;AACxD,EAAA,MAAM,UAAA,GAAaA,YAAA,CAAS,MAAM,SAAA,CAAU,KAAA,CAAM,IAAA,CAAK,CAAC,IAAA,KAAS,IAAA,CAAK,QAAQ,CAAA,IAAK,KAAA,CAAM,QAAQ,CAAA;AACjG,EAAA,MAAM,cAAcA,YAAA,CAAS,MAAM,SAAA,EAAW,IAAA,CAAK,SAAS,SAAS,CAAA;AAErE,EAAA,OAAO;AAAA,IACL,EAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AACF;AAEA,SAAS,aAAa,KAAA,EAAO;AAC3B,EAAA,OAAO,MAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,CAAC,KAAK,CAAA;AAC9C;;;;"}

package/lib/components/form/src/form-item.vue.js

@@ -0,0 +1,162 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var constant = require('../constant.js');
+var index = require('./composables/index.js');
+var Schema = require('async-validator');
+
+const _hoisted_1 = ["for"];
+
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: 'a-form-item'
+}, {
+  __name: 'form-item',
+  props: {
+  // 是否为必填项，如不设置，则会根据校验规则确认
+  required: Boolean,
+  label: String,
+  labelWidth: [String, Number],
+  labelPosition: {
+    type: String,
+    default: 'right' // left/right/top
+  },
+  prop: String,
+  // 给表单项传入的 rules 校验规则
+  rules: {
+    type: [Array, Object],
+    default: () => []
+  }
+},
+  setup(__props) {
+
+
+
+const props = __props;
+
+const {
+  ns,
+  labelId,
+  styledWidth,
+  styledAlign,
+  labelAlign,
+  initRules,
+  propData,
+  errorMessage,
+  invalid,
+  formProps,
+  isRequired,
+  controlSize
+} = index.useFormItem();
+
+const filterRules = (trigger) => {
+  return initRules.value.filter((item) => {
+    // 如果形参中的 trigger 没有值，或者当前规则没有指定 trigger 属性，则返回 true，
+    // 表示任何时机都会触发当前的校验规则（blur 和 change 时都会触发此规则）
+    if (!trigger || !item.trigger) return true
+    // 如果当前规则的 trigger 为数组，则判断形参中的 trigger 是否包含在数组中，
+    // 如果包含，则返回 true，表示触发此规则的校验
+    if (Array.isArray(item.trigger)) {
+      return item.trigger.includes(trigger)
+    }
+    // 当前规则的 trigger 是字符串，和形参中的 trigger 进行相等性的判断，
+    // 如果相等，则返回 true，表示触发此规则校验
+    return item.trigger === trigger
+  })
+};
+
+// 用于校验字段的函数，此函数将要下传到 input 等组件中进行调用
+// 将来，谁调用此函数，需要传入 trigger 触发时机，例如传入 blur 或 change
+// 然后，在 validate 函数中根据 trigger 对 rules 进行过滤
+const validate = async (trigger) => {
+  console.log('触发时机：', trigger);
+  const rules = filterRules(trigger);
+
+  // 创建校验器
+  const validator = new Schema({
+    [props.prop]: rules
+  });
+
+  return validator
+    .validate({ [props.prop]: propData.value }, { firstFields: true })
+    .then(onValid)
+    .catch(onInvalid)
+};
+
+// 校验成功的回调函数
+const onValid = () => {
+  errorMessage.value = '';
+  return Promise.resolve()
+};
+
+// 校验失败的回调函数
+const onInvalid = ({ errors }) => {
+  errorMessage.value = errors[0].message;
+  return Promise.reject(errors)
+};
+
+// 向下提供数据和方法
+vue.provide(constant.FORM_ITEM_PROPS, { validate, labelId, invalid });
+
+let initValue = null;
+
+// 重置表单
+const reset = () => {
+  props.prop && (formProps.model.value[props.prop] = initValue);
+  setTimeout(() => (errorMessage.value = ''));
+};
+
+// 组件挂载完成后，如果 prop 有值，就把校验相关的 prop 和 validate 函数添加到 Form 的 allFields 数组中
+vue.onMounted(() => {
+  props.prop && formProps.pushField({ prop: props.prop, validate, reset });
+  props.prop && (initValue = formProps?.model?.value?.[props.prop]);
+});
+
+return (_ctx, _cache) => {
+  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    vue.createCommentVNode(" 根元素 "),
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is('label-top', vue.unref(labelAlign) === 'top'), vue.unref(ns).m('size', vue.unref(controlSize))])
+    }, [
+      vue.createCommentVNode(" 左侧 label 区域 "),
+      (__props.label)
+        ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass([vue.unref(ns).e('label-wrapper')]),
+            style: vue.normalizeStyle([vue.unref(styledWidth), vue.unref(styledAlign)])
+          }, [
+            vue.createElementVNode("label", {
+              for: vue.unref(labelId),
+              class: vue.normalizeClass([vue.unref(ns).e('label'), vue.unref(ns).is('required', vue.unref(isRequired))])
+            }, vue.toDisplayString(__props.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1)
+          ], 6 /* CLASS, STYLE */))
+        : vue.createCommentVNode("v-if", true),
+      vue.createCommentVNode(" 右侧表单项区域 "),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass([vue.unref(ns).e('control')])
+      }, [
+        vue.createCommentVNode(" 表单项 "),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([vue.unref(ns).e('control-inner')])
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2 /* CLASS */),
+        vue.createCommentVNode(" 错误消息 "),
+        (vue.unref(errorMessage))
+          ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).e('message')])
+            }, vue.toDisplayString(vue.unref(errorMessage)), 3 /* TEXT, CLASS */))
+          : vue.createCommentVNode("v-if", true)
+      ], 2 /* CLASS */)
+    ], 2 /* CLASS */)
+  ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+}
+}
+
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=form-item.vue.js.map

package/lib/components/form/src/form-item.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.vue.js","sources":["../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n  <!-- 根元素 -->\n  <div :class=\"[ns.b(), ns.is('label-top', labelAlign === 'top'), ns.m('size', controlSize)]\">\n    <!-- 左侧 label 区域 -->\n    <div :class=\"[ns.e('label-wrapper')]\" :style=\"[styledWidth, styledAlign]\" v-if=\"label\">\n      <label :for=\"labelId\" :class=\"[ns.e('label'), ns.is('required', isRequired)]\">\n        {{ label }}\n      </label>\n    </div>\n\n    <!-- 右侧表单项区域 -->\n    <div :class=\"[ns.e('control')]\">\n      <!-- 表单项 -->\n      <div :class=\"[ns.e('control-inner')]\">\n        <slot></slot>\n      </div>\n      <!-- 错误消息 -->\n      <div :class=\"[ns.e('message')]\" v-if=\"errorMessage\">{{ errorMessage }}</div>\n    </div>\n  </div>\n</template>\n\n<script setup>\ndefineOptions({\n  name: 'a-form-item'\n})\n\nconst props = defineProps({\n  // 是否为必填项，如不设置，则会根据校验规则确认\n  required: Boolean,\n  label: String,\n  labelWidth: [String, Number],\n  labelPosition: {\n    type: String,\n    default: 'right' // left/right/top\n  },\n  prop: String,\n  // 给表单项传入的 rules 校验规则\n  rules: {\n    type: [Array, Object],\n    default: () => []\n  }\n})\n\nimport { provide, onMounted } from 'vue'\nimport { FORM_ITEM_PROPS } from '../constant'\nimport { useFormItem } from './composables'\nimport Schema from 'async-validator'\n\nconst {\n  ns,\n  labelId,\n  styledWidth,\n  styledAlign,\n  labelAlign,\n  initRules,\n  propData,\n  errorMessage,\n  invalid,\n  formProps,\n  isRequired,\n  controlSize\n} = useFormItem()\n\nconst filterRules = (trigger) => {\n  return initRules.value.filter((item) => {\n    // 如果形参中的 trigger 没有值，或者当前规则没有指定 trigger 属性，则返回 true，\n    // 表示任何时机都会触发当前的校验规则（blur 和 change 时都会触发此规则）\n    if (!trigger || !item.trigger) return true\n    // 如果当前规则的 trigger 为数组，则判断形参中的 trigger 是否包含在数组中，\n    // 如果包含，则返回 true，表示触发此规则的校验\n    if (Array.isArray(item.trigger)) {\n      return item.trigger.includes(trigger)\n    }\n    // 当前规则的 trigger 是字符串，和形参中的 trigger 进行相等性的判断，\n    // 如果相等，则返回 true，表示触发此规则校验\n    return item.trigger === trigger\n  })\n}\n\n// 用于校验字段的函数，此函数将要下传到 input 等组件中进行调用\n// 将来，谁调用此函数，需要传入 trigger 触发时机，例如传入 blur 或 change\n// 然后，在 validate 函数中根据 trigger 对 rules 进行过滤\nconst validate = async (trigger) => {\n  console.log('触发时机：', trigger)\n  const rules = filterRules(trigger)\n\n  // 创建校验器\n  const validator = new Schema({\n    [props.prop]: rules\n  })\n\n  return validator\n    .validate({ [props.prop]: propData.value }, { firstFields: true })\n    .then(onValid)\n    .catch(onInvalid)\n}\n\n// 校验成功的回调函数\nconst onValid = () => {\n  errorMessage.value = ''\n  return Promise.resolve()\n}\n\n// 校验失败的回调函数\nconst onInvalid = ({ errors }) => {\n  errorMessage.value = errors[0].message\n  return Promise.reject(errors)\n}\n\n// 向下提供数据和方法\nprovide(FORM_ITEM_PROPS, { validate, labelId, invalid })\n\nlet initValue = null\n\n// 重置表单\nconst reset = () => {\n  props.prop && (formProps.model.value[props.prop] = initValue)\n  setTimeout(() => (errorMessage.value = ''))\n}\n\n// 组件挂载完成后，如果 prop 有值，就把校验相关的 prop 和 validate 函数添加到 Form 的 allFields 数组中\nonMounted(() => {\n  props.prop && formProps.pushField({ prop: props.prop, validate, reset })\n  props.prop && (initValue = formProps?.model?.value?.[props.prop])\n})\n</script>\n\n<style scoped></style>\n"],"names":["useFormItem","provide","FORM_ITEM_PROPS","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,KAAK,GAAG;;AAsBd,MAAM;AACN,EAAE,EAAE;AACJ,EAAE,OAAO;AACT,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,UAAU;AACZ,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,YAAY;AACd,EAAE,OAAO;AACT,EAAE,SAAS;AACX,EAAE,UAAU;AACZ,EAAE;AACF,CAAC,GAAGA,iBAAW;;AAEf,MAAM,WAAW,GAAG,CAAC,OAAO,KAAK;AACjC,EAAE,OAAO,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK;AAC1C;AACA;AACA,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO;AAC1C;AACA;AACA,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;AACrC,MAAM,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO;AAC1C,IAAI;AACJ;AACA;AACA,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK;AAC5B,EAAE,CAAC;AACH;;AAEA;AACA;AACA;AACA,MAAM,QAAQ,GAAG,OAAO,OAAO,KAAK;AACpC,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO;AAC9B,EAAE,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO;;AAEnC;AACA,EAAE,MAAM,SAAS,GAAG,IAAI,MAAM,CAAC;AAC/B,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG;AAClB,GAAG;;AAEH,EAAE,OAAO;AACT,KAAK,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;AACrE,KAAK,IAAI,CAAC,OAAO;AACjB,KAAK,KAAK,CAAC,SAAS;AACpB;;AAEA;AACA,MAAM,OAAO,GAAG,MAAM;AACtB,EAAE,YAAY,CAAC,KAAK,GAAG;AACvB,EAAE,OAAO,OAAO,CAAC,OAAO;AACxB;;AAEA;AACA,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK;AAClC,EAAE,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACjC,EAAE,OAAO,OAAO,CAAC,MAAM,CAAC,MAAM;AAC9B;;AAEA;AACAC,WAAO,CAACC,wBAAe,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE;;AAEvD,IAAI,SAAS,GAAG;;AAEhB;AACA,MAAM,KAAK,GAAG,MAAM;AACpB,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS;AAC9D,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,KAAK,GAAG,EAAE,CAAC;AAC5C;;AAEA;AACAC,aAAS,CAAC,MAAM;AAChB,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;AACzE,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;AAClE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/form/src/form.vue.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var index = require('../../../hooks/use-style/index.js');
+require('../../../hooks/use-zindex/index.js');
+var constant = require('../constant.js');
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: 'a-form'
+}, {
+  __name: 'form',
+  props: {
+  labelPosition: {
+    type: String,
+    // left/right/top
+    default: ''
+  },
+  model: {
+    type: Object,
+    default: () => ({})
+  },
+  rules: {
+    type: Object,
+    default: () => ({})
+  },
+  size: {
+    type: String,
+    default: 'default'
+  },
+  width: String,
+  labelWidth: {
+    type: [String, Number],
+    default: 100
+  }
+},
+  setup(__props, { expose: __expose }) {
+
+
+
+const props = __props;
+
+const ns = index$1.useNamespace('form');
+const uStyle = index.useStyle();
+const styledWidth = vue.computed(() => uStyle.width(props.width));
+
+// 所有需要校验的字段
+const allFields = [];
+// 调用此函数，向 Form 的 allFields 中追加要校验的字段
+const pushField = (field) => allFields.push(field);
+
+// 向下提供数据
+vue.provide(constant.FORM_PROPS, { ...vue.toRefs(props), pushField });
+
+// 提交时进行校验
+const _validate = async (fields, cb) => {
+  let formErrors = [];
+
+  for (const field of fields) {
+    try {
+      await field.validate();
+    } catch (errors) {
+      formErrors = [...formErrors, ...errors];
+    }
+  }
+
+  if (cb && typeof cb === 'function') {
+    cb(formErrors.length === 0, formErrors);
+  }
+
+  if (formErrors.length === 0) return true
+  return Promise.reject(formErrors)
+};
+
+const validateFields = (fields, cb) => {
+  if (!Array.isArray(fields)) return console.warn('fields 必须是字段的数组！')
+  const filterFields = allFields.filter((item) => fields.includes(item.prop));
+  return _validate(filterFields, cb)
+};
+
+const reset = () => allFields.forEach((item) => item?.reset());
+
+__expose({
+  validate: (cb) => _validate(allFields, cb),
+  validateFields,
+  reset
+});
+
+return (_ctx, _cache) => {
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([vue.unref(ns).b()]),
+    style: vue.normalizeStyle([styledWidth.value])
+  }, [
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 6 /* CLASS, STYLE */))
+}
+}
+
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=form.vue.js.map

package/lib/components/form/src/form.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.vue.js","sources":["../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\" :style=\"[styledWidth]\">\n    <slot></slot>\n  </div>\n</template>\n\n<script setup>\ndefineOptions({\n  name: 'a-form'\n})\n\nconst props = defineProps({\n  labelPosition: {\n    type: String,\n    // left/right/top\n    default: ''\n  },\n  model: {\n    type: Object,\n    default: () => ({})\n  },\n  rules: {\n    type: Object,\n    default: () => ({})\n  },\n  size: {\n    type: String,\n    default: 'default'\n  },\n  width: String,\n  labelWidth: {\n    type: [String, Number],\n    default: 100\n  }\n})\n\nimport { useNamespace, useStyle } from '@ui-library/hooks'\nimport { provide, toRefs, computed } from 'vue'\nimport { FORM_PROPS } from '../constant'\n\nconst ns = useNamespace('form')\nconst uStyle = useStyle()\nconst styledWidth = computed(() => uStyle.width(props.width))\n\n// 所有需要校验的字段\nconst allFields = []\n// 调用此函数，向 Form 的 allFields 中追加要校验的字段\nconst pushField = (field) => allFields.push(field)\n\n// 向下提供数据\nprovide(FORM_PROPS, { ...toRefs(props), pushField })\n\n// 提交时进行校验\nconst _validate = async (fields, cb) => {\n  let formErrors = []\n\n  for (const field of fields) {\n    try {\n      await field.validate()\n    } catch (errors) {\n      formErrors = [...formErrors, ...errors]\n    }\n  }\n\n  if (cb && typeof cb === 'function') {\n    cb(formErrors.length === 0, formErrors)\n  }\n\n  if (formErrors.length === 0) return true\n  return Promise.reject(formErrors)\n}\n\nconst validateFields = (fields, cb) => {\n  if (!Array.isArray(fields)) return console.warn('fields 必须是字段的数组！')\n  const filterFields = allFields.filter((item) => fields.includes(item.prop))\n  return _validate(filterFields, cb)\n}\n\nconst reset = () => allFields.forEach((item) => item?.reset())\n\ndefineExpose({\n  validate: (cb) => _validate(allFields, cb),\n  validateFields,\n  reset\n})\n</script>\n"],"names":["useNamespace","useStyle","computed","provide","FORM_PROPS","toRefs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,KAAK,GAAG;;AA6Bd,MAAM,EAAE,GAAGA,oBAAY,CAAC,MAAM;AAC9B,MAAM,MAAM,GAAGC,cAAQ;AACvB,MAAM,WAAW,GAAGC,YAAQ,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;AAE5D;AACA,MAAM,SAAS,GAAG;AAClB;AACA,MAAM,SAAS,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,IAAI,CAAC,KAAK;;AAEjD;AACAC,WAAO,CAACC,mBAAU,EAAE,EAAE,GAAGC,UAAM,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE;;AAEnD;AACA,MAAM,SAAS,GAAG,OAAO,MAAM,EAAE,EAAE,KAAK;AACxC,EAAE,IAAI,UAAU,GAAG;;AAEnB,EAAE,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;AAC9B,IAAI,IAAI;AACR,MAAM,MAAM,KAAK,CAAC,QAAQ;AAC1B,IAAI,CAAC,CAAC,OAAO,MAAM,EAAE;AACrB,MAAM,UAAU,GAAG,CAAC,GAAG,UAAU,EAAE,GAAG,MAAM;AAC5C,IAAI;AACJ,EAAE;;AAEF,EAAE,IAAI,EAAE,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE;AACtC,IAAI,EAAE,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,UAAU;AAC1C,EAAE;;AAEF,EAAE,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,OAAO;AACtC,EAAE,OAAO,OAAO,CAAC,MAAM,CAAC,UAAU;AAClC;;AAEA,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,EAAE,KAAK;AACvC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC,kBAAkB;AACpE,EAAE,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5E,EAAE,OAAO,SAAS,CAAC,YAAY,EAAE,EAAE;AACnC;;AAEA,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE,KAAK,EAAE;;AAE7D,QAAY,CAAC;AACb,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC,SAAS,EAAE,EAAE,CAAC;AAC5C,EAAE,cAAc;AAChB,EAAE;AACF,CAAC;;;;;;;;;;;;;;;;"}

package/lib/components/form/src/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('escook-ui/theme/src/initRoot.css');
+require('escook-ui/theme/src/form.css');
+
+//# sourceMappingURL=index.js.map

package/lib/components/form/src/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/lib/components/icon/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('../../utils/install.js');
+var index = require('./src/index.vue.js');
+
+const AIcon = install.componentInstall(index.default);
+
+exports.AIcon = AIcon;
+exports.default = AIcon;
+//# sourceMappingURL=index.js.map

package/lib/components/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/icon/index.js"],"sourcesContent":["import { componentInstall } from '@ui-library/utils'\nimport Icon from './src/index.vue'\n\n// 按需导出组件\nexport const AIcon = componentInstall(Icon)\n// 默认导出组件\nexport default AIcon\n"],"names":["componentInstall","Icon"],"mappings":";;;;;;;AAIO,MAAM,KAAA,GAAQA,yBAAiBC,aAAI;;;;;"}

package/lib/components/icon/src/index.vue.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var index = require('../../../hooks/use-style/index.js');
+require('../../../hooks/use-zindex/index.js');
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: 'a-icon'
+}, {
+  __name: 'index',
+  props: {
+  color: {
+    type: String,
+    default: ''
+  },
+  size: {
+    type: [String, Number],
+    default: ''
+  },
+  icon: [String, Object]
+},
+  setup(__props) {
+
+
+
+
+
+const ns = index$1.useNamespace('icon');
+const uStyle = index.useStyle();
+
+const styleColor = vue.computed(() => uStyle.color(__props.color));
+const styleSize = vue.computed(() => uStyle.fontSize(__props.size));
+
+const _isIconFont = vue.computed(() => typeof __props.icon === 'string');
+
+return (_ctx, _cache) => {
+  return (vue.openBlock(), vue.createElementBlock("i", {
+    class: vue.normalizeClass([vue.unref(ns).b()]),
+    style: vue.normalizeStyle([styleColor.value, styleSize.value])
+  }, [
+    vue.createCommentVNode(" 1. 基于插槽形式渲染图标 "),
+    (_ctx.$slots.default)
+      ? vue.renderSlot(_ctx.$slots, "default", { key: 0 })
+      : vue.createCommentVNode("v-if", true),
+    vue.createCommentVNode(" 2. 基于 iconfont 渲染图标 "),
+    (_isIconFont.value)
+      ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 1,
+          class: vue.normalizeClass(["iconfont", __props.icon])
+        }, null, 2 /* CLASS */))
+      : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+          vue.createCommentVNode(" 3. 基于 svg 渲染图标 "),
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.icon)))
+        ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+  ], 6 /* CLASS, STYLE */))
+}
+}
+
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=index.vue.js.map

package/lib/components/icon/src/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../packages/components/icon/src/index.vue"],"sourcesContent":["<template>\n  <i :class=\"[ns.b()]\" :style=\"[styleColor, styleSize]\">\n    <!-- 1. 基于插槽形式渲染图标 -->\n    <slot v-if=\"$slots.default\"></slot>\n    <!-- 2. 基于 iconfont 渲染图标 -->\n    <span class=\"iconfont\" :class=\"icon\" v-if=\"_isIconFont\"></span>\n    <!-- 3. 基于 svg 渲染图标 -->\n    <component :is=\"icon\" v-else></component>\n  </i>\n</template>\n\n<script setup>\ndefineOptions({\n  name: 'a-icon'\n})\n\nimport { useNamespace } from '@ui-library/hooks'\nimport { useStyle } from '@ui-library/hooks'\nimport { computed } from 'vue'\n\nconst { color, size, icon } = defineProps({\n  color: {\n    type: String,\n    default: ''\n  },\n  size: {\n    type: [String, Number],\n    default: ''\n  },\n  icon: [String, Object]\n})\n\nconst ns = useNamespace('icon')\nconst uStyle = useStyle()\n\nconst styleColor = computed(() => uStyle.color(color))\nconst styleSize = computed(() => uStyle.fontSize(size))\n\nconst _isIconFont = computed(() => typeof icon === 'string')\n</script>\n\n<style scoped></style>\n"],"names":["useNamespace","useStyle","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAM,EAAE,GAAGA,oBAAY,CAAC,MAAM;AAC9B,MAAM,MAAM,GAAGC,cAAQ;;AAEvB,MAAM,UAAU,GAAGC,YAAQ,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,OAAA,CAAA,KAAK,CAAC;AACrD,MAAM,SAAS,GAAGA,YAAQ,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,OAAA,CAAA,IAAI,CAAC;;AAEtD,MAAM,WAAW,GAAGA,YAAQ,CAAC,MAAM,OAAO,YAAI,KAAK,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/icon/src/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('escook-ui/theme/src/initRoot.css');
+require('escook-ui/theme/src/icon.css');
+
+//# sourceMappingURL=index.js.map

package/lib/components/icon/src/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/lib/components/index.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var index = require('./button/index.js');
+var index$1 = require('./button-group/index.js');
+var index$2 = require('./icon/index.js');
+var index$3 = require('./input/index.js');
+var index$4 = require('./textarea/index.js');
+var index$5 = require('./row/index.js');
+var index$6 = require('./col/index.js');
+var index$7 = require('./container/index.js');
+var index$8 = require('./checkbox/index.js');
+var index$9 = require('./checkbox-group/index.js');
+var index$a = require('./checkbox-all/index.js');
+var index$b = require('./radio/index.js');
+var index$c = require('./switch/index.js');
+var index$d = require('./form/index.js');
+var index$e = require('./message/index.js');
+var index$f = require('./mask/index.js');
+var index$g = require('./modal/index.js');
+var index$h = require('./message-box/index.js');
+var index$i = require('./drawer/index.js');
+
+
+
+exports.AButton = index.AButton;
+exports.AButtonGroup = index$1.AButtonGroup;
+exports.AIcon = index$2.AIcon;
+exports.AInput = index$3.AInput;
+exports.ATextarea = index$4.ATextarea;
+exports.ARow = index$5.ARow;
+exports.ACol = index$6.ACol;
+exports.AAside = index$7.AAside;
+exports.AContainer = index$7.AContainer;
+exports.AFooter = index$7.AFooter;
+exports.AHeader = index$7.AHeader;
+exports.AMain = index$7.AMain;
+exports.ACheckbox = index$8.ACheckbox;
+exports.ACheckboxGroup = index$9.ACheckboxGroup;
+exports.ACheckboxAll = index$a.ACheckboxAll;
+exports.ARadio = index$b.ARadio;
+exports.ARadioGroup = index$b.ARadioGroup;
+exports.ASwitch = index$c.ASwitch;
+exports.AForm = index$d.AForm;
+exports.AFormItem = index$d.AFormItem;
+exports.AMessage = index$e.AMessage;
+exports.AMask = index$f.AMask;
+exports.AModal = index$g.AModal;
+exports.AMessageBox = index$h.AMessageBox;
+exports.ADrawer = index$i.ADrawer;
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/input/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('./src/index.vue.js');
+var install = require('../../utils/install.js');
+
+const AInput = install.componentInstall(index.default);
+
+exports.AInput = AInput;
+exports.default = AInput;
+//# sourceMappingURL=index.js.map

package/lib/components/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/input/index.js"],"sourcesContent":["import Input from './src/index.vue'\nimport { componentInstall } from '@ui-library/utils'\n\nexport const AInput = componentInstall(Input)\nexport default AInput\n"],"names":["componentInstall","Input"],"mappings":";;;;;;;AAGO,MAAM,MAAA,GAASA,yBAAiBC,aAAK;;;;;"}