@unicom-cloud/ui 0.8.66 → 0.8.68

package/dropdown/index.js

@@ -0,0 +1,201 @@
+import { jsx as s, jsxs as S } from "react/jsx-runtime";
+import A from "lodash/get";
+import l, { forwardRef as W, useContext as z, useRef as j } from "react";
+import { a as F } from "../chunk/ll867Bf3.js";
+import { u as G } from "../chunk/BFTV6myl.js";
+import { u as X } from "../chunk/CdaT1b_F.js";
+import Y, { EventsByTriggerNeed as Z } from "../trigger/index.js";
+import { m as U } from "../chunk/JPPo5nY_.js";
+import { s as oo } from "../chunk/D-TPB2Do.js";
+import { o as eo } from "../chunk/BKKEev13.js";
+import { a as L, p as to } from "../chunk/ClqoGc3r.js";
+import { f as no } from "../chunk/C48SmsN-.js";
+import Q from "@unicom-cloud/icons/IconUiMore";
+import k from "../button/index.js";
+const ro = {
+  position: "br",
+  trigger: "hover",
+  type: "default",
+  icon: /* @__PURE__ */ s(Q, {}),
+  unmountOnExit: !0
+};
+function io(x, R) {
+  const { componentConfig: u } = z(F), d = G(
+    x,
+    ro,
+    u == null ? void 0 : u["Dropdown.Button"]
+  ), {
+    className: w,
+    style: a,
+    children: B,
+    disabled: t,
+    position: g = "br",
+    type: b = "default",
+    size: n,
+    icon: M = /* @__PURE__ */ s(Q, {}),
+    onClick: f,
+    buttonProps: V,
+    rightButtonProps: r,
+    // 潘启宝添加
+    buttonsRender: C,
+    ...i
+  } = d;
+  let p = /* @__PURE__ */ s(
+    k,
+    {
+      disabled: t,
+      type: b,
+      size: n,
+      onClick: f,
+      ...V,
+      children: B
+    }
+  ), e = /* @__PURE__ */ s(
+    k,
+    {
+      disabled: t,
+      type: b,
+      size: n,
+      icon: M,
+      ...r
+    }
+  );
+  C && ([p, e] = C([p, e]));
+  const h = t || !e || e.props && e.props.loading;
+  return /* @__PURE__ */ S(
+    k.Group,
+    {
+      className: w,
+      style: a,
+      ref: R,
+      ...L(d),
+      children: [
+        p,
+        /* @__PURE__ */ s(
+          O,
+          {
+            disabled: t,
+            position: g,
+            ...i,
+            triggerProps: {
+              disabled: h,
+              ...i == null ? void 0 : i.triggerProps
+            },
+            children: e
+          }
+        )
+      ]
+    }
+  );
+}
+const q = W(io);
+q.displayName = "DropdownButton";
+function so(x, R) {
+  const u = {
+    position: "bl",
+    trigger: "hover",
+    unmountOnExit: !0
+  }, d = {
+    left: 4,
+    right: 4,
+    top: 4,
+    bottom: 4
+  }, { getPrefixCls: w, componentConfig: a, rtl: B } = z(F), t = G(
+    x,
+    u,
+    a == null ? void 0 : a.Dropdown
+  ), {
+    trigger: g,
+    droplist: b,
+    children: n,
+    position: M,
+    disabled: f,
+    unmountOnExit: V,
+    triggerProps: r,
+    getPopupContainer: C,
+    onVisibleChange: i,
+    ...p
+  } = t, e = w("dropdown"), h = j(null), [E, H] = X(!1, {
+    defaultValue: t.defaultPopupVisible,
+    value: t.popupVisible
+  }), _ = () => l.Children.only(b || /* @__PURE__ */ s("span", {})), N = (o) => {
+    var c;
+    H(o), i == null || i(o), (c = r == null ? void 0 : r.onVisibleChange) == null || c.call(r, o);
+  }, J = (o) => {
+    o !== E && N(o);
+  }, K = () => {
+    const o = _();
+    if (A(o, "type.__PQB_MENU__") || A(o, "props.isMenu")) {
+      let c = !0;
+      for (const y of l.Children.toArray(o.props.children))
+        if (y != null) {
+          c = !1;
+          break;
+        }
+      return l.cloneElement(o, {
+        prefixCls: U(`${e}-menu`, {
+          [`${e}-menu-hidden`]: c
+        }),
+        inDropdown: !0,
+        selectable: !1,
+        onClickMenuItem: (...y) => {
+          var P, T, $;
+          let D = null;
+          const I = _();
+          I.props.onClickMenuItem && (D = I.props.onClickMenuItem(
+            ...y
+          ));
+          const m = (T = (P = h.current) == null ? void 0 : P.getRootElement) == null ? void 0 : T.call(P);
+          ($ = m == null ? void 0 : m.focus) == null || $.call(m), D instanceof Promise ? D.finally(
+            () => N(!1)
+          ) : D !== !1 && N(!1);
+        }
+      });
+    }
+    return o;
+  }, v = j();
+  return /* @__PURE__ */ s(
+    Y,
+    {
+      ref: h,
+      classNames: "slideDynamicOrigin",
+      childrenPrefix: e,
+      trigger: g,
+      popup: K,
+      mouseEnterDelay: 400,
+      mouseLeaveDelay: 400,
+      disabled: f,
+      unmountOnExit: V,
+      position: M,
+      popupVisible: E,
+      popupAlign: d,
+      getPopupContainer: C,
+      alignPoint: g === "contextMenu",
+      ...to(p, Z),
+      ...L(p),
+      ...eo(r, ["onVisibleChange"]),
+      getTargetDOMNode: () => no(v.current),
+      onVisibleChange: J,
+      children: l.isValidElement(n) ? l.cloneElement(n, {
+        ...typeof f == "boolean" ? { disabled: f } : {},
+        className: U(
+          {
+            [`${e}-popup-visible`]: E,
+            [`${[e]}-rtl`]: B
+          },
+          n.props.className
+        ),
+        ref: oo(n) ? (o) => {
+          v.current = o;
+        } : void 0
+      }) : n
+    }
+  );
+}
+const po = l.forwardRef(so), O = po;
+O.displayName = "Dropdown";
+O.Button = q;
+export {
+  q as DropdownButton,
+  O as default
+};

package/dropdown/interface.js

@@ -0,0 +1 @@
+

package/empty/index.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiEmpty";
+import "react";
+import { E as e } from "../chunk/ll867Bf3.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/JPPo5nY_.js";
+export {
+  e as default
+};

package/empty/interface.js

@@ -0,0 +1 @@
+

package/form/Control.js

@@ -0,0 +1,262 @@
+var D = Object.defineProperty;
+var P = (p, g, e) => g in p ? D(p, g, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[g] = e;
+var r = (p, g, e) => P(p, typeof g != "symbol" ? g + "" : g, e);
+import { jsx as m, jsxs as E } from "react/jsx-runtime";
+import W from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import $ from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import N from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import L from "@unicom-cloud/icons/IconUiLoading";
+import S from "lodash/get";
+import b from "lodash/isArray";
+import R from "lodash/isBoolean";
+import y from "lodash/isEqualWith";
+import F from "lodash/isFunction";
+import _ from "lodash/isNil";
+import j from "lodash/set";
+import I, { Component as z, isValidElement as A } from "react";
+import { m as G } from "../chunk/JPPo5nY_.js";
+import U from "../utils/warning.js";
+import { FormItemContext as O } from "./context.js";
+import { isFieldMatch as C, schemaValidate as k, isSyntheticEvent as q, ID_SUFFIX as B } from "./util.js";
+class x extends z {
+  constructor(e, t) {
+    var i, s;
+    super(e);
+    r(this, "context");
+    // 校验信息
+    r(this, "errors", null);
+    // 校验 warning 信息
+    r(this, "warnings", null);
+    // undefined => validating => success / error => (validating or undefined)
+    r(this, "validateStatus");
+    // 是否被用户操作过
+    r(this, "touched");
+    r(this, "isDestroyed", !1);
+    // 保存 props.children 或函数类型 props.children() 的返回值
+    r(this, "childrenElement", null);
+    r(this, "removeRegisterField");
+    // 触发 store 进行状态收集
+    // TODO: error, validateStatus ,touched 状态和 UI 组件解耦，统一维护在 store 内部
+    r(this, "triggerStateCollect", () => {
+      const { innerCollectFormState: e } = this.context.store.getInnerMethods(!0);
+      e();
+    });
+    // 切换校验状态
+    r(this, "toggleValidateStatus", (e) => {
+      this.validateStatus = e, this.triggerStateCollect();
+    });
+    // 切换 touch 状态
+    r(this, "toggleTouched", (e) => {
+      this.touched = R(e) ? e : !this.touched, this.triggerStateCollect();
+    });
+    r(this, "setWarnings", (e) => {
+      this.warnings = e, this.triggerStateCollect();
+    });
+    r(this, "setErrors", (e) => {
+      this.errors = e, this.triggerStateCollect();
+    });
+    r(this, "getErrors", () => this.errors);
+    r(this, "getWarnings", () => this.warnings || []);
+    r(this, "isTouched", () => this.touched);
+    r(this, "getValidateStatus", () => this.props.validateStatus ? this.props.validateStatus : this.validateStatus);
+    r(this, "hasFieldProps", () => !!this.props.field);
+    r(this, "clearFormItemError", (e = this.props.field) => {
+      const { updateFormItem: t } = this.context;
+      t == null || t(e, { errors: null, warnings: null });
+    });
+    r(this, "updateFormItem", () => {
+      if (this.isDestroyed) return;
+      this.forceUpdate();
+      const { updateFormItem: e } = this.context;
+      e == null || e(this.props.field, {
+        errors: this.errors,
+        warnings: this.warnings
+      });
+    });
+    r(this, "getFieldValue", () => {
+      const e = this.props.field, t = this.context.store;
+      return e ? t.getInnerMethods(!0).innerGetFieldValue(e) : void 0;
+    });
+    r(this, "onStoreChange", (e, t) => {
+      const i = b(t.field) ? t.field : [t.field], { field: s, shouldUpdate: l, dependencies: o } = this.props, a = (d) => {
+        if (o && l && U(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), o)
+          b(o) && o.some((n) => C(n, i)) && this.isTouched() && this.validateField();
+        else if (l) {
+          let n = !1;
+          F(l) ? n = l(t.prev, t.current, {
+            field: t.field,
+            ...d
+          }) : n = !y(t.prev, t.current), n && this.updateFormItem();
+        }
+      };
+      switch (e) {
+        case "reset":
+          this.toggleTouched(!1), this.toggleValidateStatus(void 0), this.setErrors(null), this.setWarnings(null), o || l ? a() : this.updateFormItem();
+          break;
+        case "innerSetValue":
+          if (C(s, i)) {
+            this.toggleTouched(!0), this.updateFormItem();
+            return;
+          }
+          a({
+            isInner: !0,
+            isFormList: t.isFormList
+          });
+          break;
+        case "setFieldValue":
+          if (C(s, i)) {
+            this.toggleTouched(!0), t.data && "touched" in t.data && this.toggleTouched(t.data.touched), t.data && "warnings" in t.data && this.setWarnings(
+              _(t.data.warnings) ? [] : [].concat(t.data.warnings)
+            ), t.data && "errors" in t.data ? this.setErrors(t.data.errors) : y(S(t.prev, s), S(t.current, s)) || this.setErrors(null), this.updateFormItem();
+            return;
+          }
+          a();
+          break;
+      }
+    });
+    r(this, "innerSetFieldValue", (e, t) => {
+      var o, a;
+      if (!e) return;
+      const { store: i } = this.context;
+      i.getInnerMethods(!0).innerSetFieldValue(e, t);
+      const l = {};
+      j(l, e, t), (a = (o = this.props) == null ? void 0 : o.onValuesChange) == null || a.call(o, l, {
+        ...i.getFieldsValue()
+      });
+    });
+    // 仅仅校验下值，不做任何状态变更
+    r(this, "validateFieldOnly", () => {
+      const { validateMessages: e } = this.context, { field: t, rules: i } = this.props, s = this.getFieldValue();
+      return k(t, s, i, e).then(
+        ({ error: l, warning: o }) => Promise.resolve({ error: l, value: s, warning: o, field: t })
+      );
+    });
+    /**
+     *
+     * @param triggerType the value of validateTrigger.
+     * @returns
+     */
+    r(this, "validateField", (e) => {
+      const { validateTrigger: t, validateMessages: i } = this.context, { field: s, rules: l, validateTrigger: o } = this.props, a = this.getFieldValue(), d = () => {
+        var c;
+        const h = this.errors || ((c = this.warnings) == null ? void 0 : c.length);
+        this.toggleValidateStatus("validating"), this.setErrors(null), this.setWarnings(null), h && this.updateFormItem();
+      }, n = e ? (l || []).filter((h) => [].concat(
+        h.validateTrigger || o || t
+      ).indexOf(e) > -1) : l;
+      return n && n.length && s ? (d(), k(s, a, n, i).then(
+        ({ error: h, warning: c }) => {
+          var u;
+          return this.setErrors(h ? h[s] : null), this.setWarnings(c || null), this.toggleValidateStatus(
+            this.errors ? "error" : (u = this.warnings) != null && u.length ? "warning" : "success"
+          ), this.updateFormItem(), Promise.resolve({ error: h, value: a, field: s });
+        }
+      )) : Promise.resolve({ error: null, value: a, field: s });
+    });
+    // 每次 render 都会作为 onChange 传递给 children，需要保证引用地址不变
+    // 所以 handleTrigger 需要声明在类上，并且直接作为 children.props.onChange
+    r(this, "handleTrigger", (e, ...t) => {
+      const i = this.childrenElement || this.props.children, { store: s } = this.context, { field: l, trigger: o, normalize: a, getValueFromEvent: d } = this.props, n = F(d) ? d(e, ...t) : e;
+      let h = n;
+      if (q(n)) {
+        U(
+          !0,
+          "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"
+        ), n.stopPropagation();
+        return;
+      }
+      typeof a == "function" && (h = a(n, s.getFieldValue(l), {
+        ...s.getFieldsValue()
+      })), this.toggleTouched(!0), this.innerSetFieldValue(l, h), this.validateField(o), A(i) && i.props && i.props[o] && (this.props.isFormList || i.props[o](h, ...t));
+    });
+    r(this, "getChild", () => {
+      const { children: e } = this.props, { store: t } = this.context;
+      let i = e;
+      return F(e) && (i = e(
+        t.getFields(),
+        {
+          ...t
+        },
+        this.props.isFormList && {
+          value: this.getFieldValue(),
+          onChange: this.handleTrigger
+        }
+      )), this.childrenElement = i, i;
+    });
+    "initialValue" in e && this.hasFieldProps() && ((s = (i = t == null ? void 0 : t.store) == null ? void 0 : i.setInitialValue) == null || s.call(i, e.field, e.initialValue));
+  }
+  componentDidMount() {
+    const { store: e } = this.context ?? {};
+    if (e) {
+      const t = e.getInnerMethods(!0);
+      this.removeRegisterField = t.registerField(this);
+    }
+    this.isDestroyed = !1;
+  }
+  componentDidUpdate(e) {
+    (e.field !== this.props.field && this.props._key && e._key === this.props._key || /* 以下条件判断潘启宝添加于 2023年10月23日 星期一 13时10分43秒 CST */
+    this.props.disabled !== e.disabled && this.props.disabled || this.props.rules !== e.rules && !this.props.rules) && (this.updateFormItem(), this.clearFormItemError(e.field));
+  }
+  componentWillUnmount() {
+    var e;
+    (e = this.removeRegisterField) == null || e.call(this), this.removeRegisterField = null, this.clearFormItemError(), this.isDestroyed = !0;
+  }
+  /**
+   * 收集rules里的validateTrigger字段
+   */
+  getValidateTrigger() {
+    const e = this.props.validateTrigger || this.context.validateTrigger || "onChange", t = this.props.rules || [];
+    let i = [];
+    return t.map((s) => {
+      i = i.concat(s.validateTrigger || e);
+    }), Array.from(new Set(i));
+  }
+  renderControl(e, t) {
+    var T;
+    const {
+      field: i,
+      trigger: s = "onChange",
+      triggerPropName: l = "value",
+      validateStatus: o,
+      formatter: a
+    } = this.props, { store: d, disabled: n } = this.context, h = "disabled" in this.props ? this.props.disabled : n, c = I.Children.only(e), u = {
+      // used by label
+      id: G(((T = c.props) == null ? void 0 : T.id) || { [`${t}${B}`]: t })
+    };
+    this.getValidateTrigger().forEach((V) => {
+      u[V] = (M) => {
+        var f, w;
+        this.validateField(V), (w = (f = c.props) == null ? void 0 : f[V]) == null || w.call(f, M);
+      };
+    }), u[s] = this.handleTrigger, h !== void 0 && !("disabled" in c.props) && (u.disabled = h);
+    let v = S(d.getInnerMethods(!0).innerGetStore(), i);
+    return F(a) && (v = a(v)), u[l] = v, !o && this.errors && (u.error = !0), I.cloneElement(c, u);
+  }
+  render() {
+    const { noStyle: e, field: t, isFormList: i, hasFeedback: s } = this.props, l = this.getValidateStatus(), { prefixCls: o, getFormElementId: a } = this.context;
+    let d = this.getChild();
+    const n = this.hasFieldProps() ? a == null ? void 0 : a(t) : void 0;
+    return this.hasFieldProps() && !i && I.Children.count(d) === 1 && (d = this.renderControl(d, n)), e ? d : /* @__PURE__ */ m("div", { className: `${o}-item-control-wrapper`, children: /* @__PURE__ */ m("div", { className: `${o}-item-control`, id: n, children: /* @__PURE__ */ E("div", { className: `${o}-item-control-children`, children: [
+      d,
+      l && s && /* @__PURE__ */ E(
+        "div",
+        {
+          className: `${o}-item-feedback ${o}-item-feedback-${l}`,
+          children: [
+            l === "warning" && /* @__PURE__ */ m(N, {}),
+            l === "success" && /* @__PURE__ */ m(W, {}),
+            l === "error" && /* @__PURE__ */ m($, {}),
+            l === "validating" && /* @__PURE__ */ m(L, {})
+          ]
+        }
+      )
+    ] }) }) });
+  }
+}
+r(x, "defaultProps", {
+  trigger: "onChange",
+  triggerPropName: "value"
+}), r(x, "isFormControl", !0), r(x, "contextType", O);
+export {
+  x as default
+};

package/form/Form.js

@@ -0,0 +1,160 @@
+import { jsx as d } from "react/jsx-runtime";
+import { p as k } from "../chunk/CVYWxu00.js";
+import v from "lodash/isPlainObject";
+import O from "lodash/merge";
+import { forwardRef as A, useContext as $, useRef as _, useEffect as H, useImperativeHandle as U } from "react";
+import { a as W, b as X } from "../chunk/ll867Bf3.js";
+import { u as B } from "../chunk/5_U1CBIu.js";
+import { u as G } from "../chunk/BFTV6myl.js";
+import { m as J } from "../chunk/JPPo5nY_.js";
+import { o as K } from "../chunk/BKKEev13.js";
+import { FormProviderContext as L, FormContext as Q } from "./context.js";
+import Y from "./useForm.js";
+import { ID_SUFFIX as Z } from "./util.js";
+function f(a, u) {
+  const i = u.replace(/[[.]/g, "_").replace(/\]/g, "");
+  return a ? `${a}-${i}` : `${i}`;
+}
+const ee = {
+  layout: "horizontal",
+  labelCol: { span: 5, offset: 0 },
+  labelAlign: "right",
+  wrapperCol: { span: 19, offset: 0 },
+  requiredSymbol: !0,
+  wrapper: "form",
+  validateTrigger: "onChange"
+}, oe = (a, u) => {
+  var h, S;
+  const i = $(W), t = $(L), p = _(null), [l] = Y(
+    a.form
+  ), e = G(
+    a,
+    ee,
+    (h = i.componentConfig) == null ? void 0 : h.Form
+  ), {
+    layout: g,
+    labelCol: y,
+    wrapperCol: V,
+    wrapper: R,
+    id: F,
+    requiredSymbol: w,
+    labelAlign: I,
+    disabled: M,
+    colon: z,
+    className: T,
+    validateTrigger: x,
+    prefixCls: E,
+    validateMessages: N,
+    ...P
+  } = e, m = E || i.getPrefixCls("form"), q = i.rtl, b = "size" in e ? e.size : i.size, C = l.getInnerMethods(!0);
+  B(() => {
+    C.innerSetInitialValues(e.initialValues);
+  }), H(() => {
+    let o;
+    return t.register && (o = t.register(e.id, l)), o;
+  }, [e.id, l]), l.scrollToField = (o, n) => {
+    const r = p.current, s = e.id;
+    if (!r)
+      return;
+    let c = r.querySelector(
+      `#${f(s, o)}`
+    );
+    c || (c = r.querySelector(
+      `#${f(s, o)}${Z}`
+    )), c && k(c, {
+      behavior: "smooth",
+      block: "nearest",
+      scrollMode: "if-needed",
+      ...n
+    });
+  }, C.innerSetCallbacks({
+    onValuesChange: (o, n) => {
+      var r, s;
+      (r = e.onValuesChange) == null || r.call(e, o, n), (s = t.onFormValuesChange) == null || s.call(t, e.id, o);
+    },
+    onChange: e.onChange,
+    onValidateFail: (o) => {
+      const n = e.scrollToFirstError;
+      if (n) {
+        const r = v(n) ? n : {};
+        l.scrollToField(
+          Object.keys(o)[0],
+          r
+        );
+      }
+    },
+    onSubmitFailed: e.onSubmitFailed,
+    onSubmit: (o) => {
+      var r, s;
+      const n = (r = e.onSubmit) == null ? void 0 : r.call(e, o);
+      return (s = t.onFormSubmit) == null || s.call(t, e.id, o), n;
+    },
+    onReset: (o) => {
+      var r, s;
+      const n = (r = e.onReset) == null ? void 0 : r.call(e, o);
+      return (s = t == null ? void 0 : t.onFormReset) == null || s.call(t, e.id, o), n;
+    }
+  });
+  const D = {
+    requiredSymbol: w,
+    labelAlign: I,
+    disabled: M,
+    colon: z,
+    labelCol: y,
+    wrapperCol: V,
+    layout: g,
+    store: l,
+    prefixCls: m,
+    validateTrigger: x,
+    validateMessages: O(
+      {},
+      (S = i.locale.Form) == null ? void 0 : S.validateMessages,
+      N
+    ),
+    getFormElementId: (o) => f(F, o)
+  }, j = Q;
+  return U(u, () => ({
+    ...l,
+    getRootDOMNode() {
+      return p.current;
+    }
+  })), /* @__PURE__ */ d(X, { ...i, size: b, children: /* @__PURE__ */ d(j.Provider, { value: D, children: /* @__PURE__ */ d(
+    R,
+    {
+      ref: p,
+      ...K(P, [
+        "form",
+        "size",
+        "initialValues",
+        "onValuesChange",
+        "onChange",
+        "wrapperProps",
+        "scrollToFirstError",
+        "onSubmit",
+        "onSubmitFailed",
+        "onReset"
+      ]),
+      ...e.wrapperProps,
+      className: J(
+        m,
+        `${m}-${g}`,
+        `${m}-size-${b}`,
+        { [`${m}-rtl`]: q },
+        T
+      ),
+      style: e.style,
+      onSubmit: (o) => {
+        o.preventDefault(), o.stopPropagation(), l.submit();
+      },
+      onReset: (o) => {
+        o.preventDefault(), o.stopPropagation(), l.resetFields();
+      },
+      id: F,
+      children: e.children
+    }
+  ) }) });
+}, re = A(oe);
+re.displayName = "Form";
+export {
+  re as default
+};