@oceanbase/ui 1.0.0-alpha.1 → 1.0.0-alpha.11

package/lib/TagSelect/Item.js

@@ -1,108 +1,90 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/TagSelect/Item.tsx
-var Item_exports = {};
-__export(Item_exports, {
-  default: () => Item_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Item_exports);
-var import_rc_checkbox = __toESM(require("rc-checkbox"));
-var import_classnames = __toESM(require("classnames"));
-var import_lodash = require("lodash");
-var import_react = __toESM(require("react"));
-var import_style = __toESM(require("./style"));
-var import_util = require("../_util");
-var import_TagSelectContext = __toESM(require("./TagSelectContext"));
-var Item = ({
+exports.default = void 0;
+var _rcCheckbox = _interopRequireDefault(require("rc-checkbox"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
+var _react = _interopRequireWildcard(require("react"));
+var _design = require("@oceanbase/design");
+var _style = _interopRequireDefault(require("./style"));
+var _TagSelectContext = _interopRequireDefault(require("./TagSelectContext"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const Item = ({
   children,
   handleChange,
   onChange,
   cover,
   ...restProps
 }) => {
-  const [checked, setChecked] = (0, import_react.useState)(restProps.defaultChecked);
+  const [checked, setChecked] = (0, _react.useState)(restProps.defaultChecked);
   const coverType = typeof cover;
-  const prefixCls = (0, import_util.getPrefix)("tag-select");
-  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
-  const tagSelectGroup = import_react.default.useContext(import_TagSelectContext.default);
-  const wrapperClassName = (0, import_classnames.default)(
-    `${prefixCls}-wrapper`,
-    {
-      [`${prefixCls}-checked`]: checked,
-      multiple: tagSelectGroup.multiple,
-      [`${prefixCls}-${tagSelectGroup.size}`]: tagSelectGroup.size,
-      [`${prefixCls}-disabled`]: tagSelectGroup.disabled || restProps.disabled,
-      [`${prefixCls}-img`]: coverType === "string",
-      [`${prefixCls}-custom`]: coverType !== "string"
-    },
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('tag-select');
+  const {
+    wrapSSR,
     hashId
-  );
-  (0, import_react.useEffect)(() => {
-    if ((0, import_lodash.isBoolean)(restProps.checked)) {
+  } = (0, _style.default)(prefixCls);
+  const tagSelectGroup = _react.default.useContext(_TagSelectContext.default);
+  const wrapperClassName = (0, _classnames.default)(`${prefixCls}-wrapper`, {
+    [`${prefixCls}-checked`]: checked,
+    multiple: tagSelectGroup.multiple,
+    [`${prefixCls}-${tagSelectGroup.size}`]: tagSelectGroup.size,
+    [`${prefixCls}-disabled`]: tagSelectGroup.disabled || restProps.disabled,
+    [`${prefixCls}-img`]: coverType === 'string',
+    [`${prefixCls}-custom`]: coverType !== 'string'
+  }, hashId);
+  (0, _react.useEffect)(() => {
+    if ((0, _lodash.isBoolean)(restProps.checked)) {
       setChecked(restProps.checked);
     }
   }, [restProps.checked]);
-  (0, import_react.useEffect)(() => {
-    var _a;
-    return (_a = tagSelectGroup.registerValue) == null ? void 0 : _a.call(tagSelectGroup, restProps.value);
-  }, [restProps.value]);
-  (0, import_react.useEffect)(() => {
-    var _a;
-    if (((_a = tagSelectGroup.value) == null ? void 0 : _a.includes(restProps.value)) || restProps.checked || restProps.defaultChecked) {
+  (0, _react.useEffect)(() => tagSelectGroup.registerValue?.(restProps.value), [restProps.value]);
+  (0, _react.useEffect)(() => {
+    if (tagSelectGroup.value?.includes(restProps.value) || restProps.checked || restProps.defaultChecked) {
       setChecked(true);
     } else {
       setChecked(false);
     }
   }, [tagSelectGroup.value, restProps.value]);
   const renderCover = () => {
-    return coverType === "string" ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-cover` }, /* @__PURE__ */ import_react.default.createElement("img", { src: cover, alt: "tagselect" })) : cover;
+    return coverType === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${prefixCls}-cover`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: cover,
+        alt: "tagselect"
+      })
+    }) : cover;
   };
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("label", { className: wrapperClassName, style: restProps.style }, /* @__PURE__ */ import_react.default.createElement(
-      import_rc_checkbox.default,
-      {
-        ...restProps,
-        checked,
-        prefixCls,
-        onChange: (e) => {
-          if (!("checked" in restProps) && !Object.keys(tagSelectGroup).length) {
-            setChecked(e.target.checked);
-          }
-          if (onChange) {
-            onChange(e);
-          }
-          if (tagSelectGroup.handleValueChange) {
-            tagSelectGroup.handleValueChange(e.target.value);
-          }
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+    className: wrapperClassName,
+    style: restProps.style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rcCheckbox.default, {
+      ...restProps,
+      checked: checked,
+      prefixCls: prefixCls,
+      onChange: e => {
+        if (!('checked' in restProps) && !Object.keys(tagSelectGroup).length) {
+          setChecked(e.target.checked);
+        }
+        if (onChange) {
+          onChange(e);
+        }
+        if (tagSelectGroup.handleValueChange) {
+          tagSelectGroup.handleValueChange(e.target.value);
         }
       }
-    ), cover ? renderCover() : /* @__PURE__ */ import_react.default.createElement("span", null, children))
-  );
+    }), cover ? renderCover() : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: children
+    })]
+  }));
 };
-var Item_default = Item;
+var _default = exports.default = Item;

package/lib/TagSelect/TagSelectContext.js

@@ -1,27 +1,9 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/TagSelect/TagSelectContext.ts
-var TagSelectContext_exports = {};
-__export(TagSelectContext_exports, {
-  default: () => TagSelectContext_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(TagSelectContext_exports);
-var import_react = require("react");
-var TagSelectContext = (0, import_react.createContext)({});
-var TagSelectContext_default = TagSelectContext;
+exports.default = void 0;
+var _react = require("react");
+const TagSelectContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = exports.default = TagSelectContext;

package/lib/TagSelect/index.js

@@ -1,37 +1,14 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/TagSelect/index.tsx
-var TagSelect_exports = {};
-__export(TagSelect_exports, {
-  default: () => TagSelect_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(TagSelect_exports);
-var import_Group = __toESM(require("./Group"));
-var import_Item = __toESM(require("./Item"));
-var TagSelect_default = { Group: import_Group.default, Item: import_Item.default };
+exports.default = void 0;
+var _Group = _interopRequireDefault(require("./Group"));
+var _Item = _interopRequireDefault(require("./Item"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+var _default = exports.default = {
+  Group: _Group.default,
+  Item: _Item.default
+};

package/lib/TagSelect/style/index.js

@@ -1,61 +1,44 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/TagSelect/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genTagSelectStyle: () => genTagSelectStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genSizeStyle = (height, fontSize) => {
+exports.genTagSelectStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genSizeStyle = (height, fontSize) => {
   return {
     paddingTop: `${height}px`,
     paddingBottom: `${height}px`,
     fontSize
   };
 };
-var genColoredStyle = (borderColor, backgroundColor, color) => {
+const genColoredStyle = (borderColor, backgroundColor, color) => {
   return {
     borderColor,
     backgroundColor,
     color
   };
 };
-var genMultipleStyle = (color, token) => {
+const genMultipleStyle = (color, token) => {
   return {
-    position: "absolute",
-    top: "1px",
-    right: "1px",
+    position: 'absolute',
+    top: '1px',
+    right: '1px',
     borderTop: `12px solid ${color}`,
     borderLeft: `12px solid transparent`,
     borderTopRightRadius: token.borderRadiusSM
   };
 };
-var genImgCoverStyle = (width, height) => {
+const genImgCoverStyle = (width, height) => {
   return {
     width,
     height
   };
 };
-var genTagSelectStyle = (token) => {
-  const { componentCls } = token;
+const genTagSelectStyle = token => {
+  const {
+    componentCls
+  } = token;
   return {
     [`${componentCls}-title`]: {
       fontSize: token.fontSize,
@@ -63,8 +46,8 @@ var genTagSelectStyle = (token) => {
       margin: `${token.marginXXS}px 0`
     },
     [`${componentCls}-wrapper`]: {
-      position: "relative",
-      display: "inline-block",
+      position: 'relative',
+      display: 'inline-block',
       fontSize: token.fontSize,
       color: token.colorText,
       background: token.colorWhite,
@@ -72,39 +55,39 @@ var genTagSelectStyle = (token) => {
       borderRadius: token.borderRadius,
       marginRight: token.marginXS,
       padding: `${token.paddingXXS}px ${token.paddingContentHorizontal}px`,
-      cursor: "pointer",
+      cursor: 'pointer',
       transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`,
       [`${componentCls}-input`]: {
         width: 0,
         height: 0,
         opacity: 0,
-        pointerEvents: "none"
+        pointerEvents: 'none'
       },
-      "&:last-child": {
+      '&:last-child': {
         margin: 0
       },
       [`&:has(${componentCls}-cover)`]: {
         padding: 0,
-        ...genImgCoverStyle("76px", "40px")
+        ...genImgCoverStyle('76px', '40px')
       }
     },
     [`${componentCls}-cover`]: {
-      display: "inline-block",
-      width: "100%",
-      height: "100%",
+      display: 'inline-block',
+      width: '100%',
+      height: '100%',
       img: {
-        height: "calc(100% - 2px)",
-        width: "calc(100% - 2px)",
+        height: 'calc(100% - 2px)',
+        width: 'calc(100% - 2px)',
         borderRadius: token.borderRadius,
-        marginLeft: "1px",
-        marginTop: "1px"
+        marginLeft: '1px',
+        marginTop: '1px'
       }
     },
     [`${componentCls}-large${componentCls}-img`]: {
-      ...genImgCoverStyle("228px", "120px"),
-      marginRight: "16px"
+      ...genImgCoverStyle('228px', '120px'),
+      marginRight: '16px'
     },
-    [`${componentCls}-small${componentCls}-img`]: genImgCoverStyle("76px", "32px"),
+    [`${componentCls}-small${componentCls}-img`]: genImgCoverStyle('76px', '32px'),
     [`${componentCls}-large`]: genSizeStyle(token.paddingContentVerticalSM, token.fontSize),
     [`${componentCls}-small`]: {
       ...genSizeStyle(0, token.fontSize),
@@ -115,18 +98,14 @@ var genTagSelectStyle = (token) => {
       borderColor: token.colorPrimaryText,
       color: token.colorPrimaryText
     },
-    [`${componentCls}-checked`]: genColoredStyle(
-      token.blue,
-      token.colorPrimaryBg,
-      token.colorPrimaryText
-    ),
+    [`${componentCls}-checked`]: genColoredStyle(token.blue, token.colorPrimaryBg, token.colorPrimaryText),
     [`${componentCls}-wrapper:not(${componentCls}-disabled):active`]: {
       boxShadow: `0px 0px 3px ${token.colorPrimary}`,
       borderColor: `${token.colorPrimary}`
     },
     [`${componentCls}-checked:not(${componentCls}-disabled)`]: {
-      "&:hover": {
-        ...genColoredStyle(token.colorInfoBorder, "#EBF1FF", token.colorInfoTextHover),
+      '&:hover': {
+        ...genColoredStyle(token.colorInfoBorder, '#EBF1FF', token.colorInfoTextHover),
         [`${componentCls}-inner`]: {
           borderTopColor: `${token.colorPrimaryTextHover} !important`
         }
@@ -134,10 +113,10 @@ var genTagSelectStyle = (token) => {
     },
     [`${componentCls}-disabled:not(${componentCls}-checked)`]: {
       ...genColoredStyle(token.colorBorder, token.colorFillContent, token.colorTextDisabled),
-      cursor: "not-allowed"
+      cursor: 'not-allowed'
     },
     [`${componentCls}-disabled${componentCls}-checked`]: {
-      cursor: "not-allowed",
+      cursor: 'not-allowed',
       ...genColoredStyle(token.colorBorder, token.colorFill, token.colorTextDisabled)
     },
     [`${componentCls}-checked${componentCls}-disabled.multiple`]: {
@@ -148,13 +127,11 @@ var genTagSelectStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("TagSelect", (token) => {
+exports.genTagSelectStyle = genTagSelectStyle;
+var _default = prefixCls => {
+  const useStyle = (0, _genComponentStyleHook.genComponentStyleHook)('TagSelect', token => {
     return [genTagSelectStyle(token)];
   });
   return useStyle(prefixCls);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genTagSelectStyle
-});
+exports.default = _default;