@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.6

package/lib/ProTree/components/CloseIcon.js

@@ -1,40 +1,35 @@
-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/ProTree/components/CloseIcon.tsx
-var CloseIcon_exports = {};
-__export(CloseIcon_exports, {
-  default: () => CloseIcon_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(CloseIcon_exports);
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _jsxRuntime = require("react/jsx-runtime");
 function CloseIcon(props) {
-  return /* @__PURE__ */ React.createElement("span", { ...props }, /* @__PURE__ */ React.createElement("span", { className: "pro-tree-modal-checkbox-close", role: "button" }, /* @__PURE__ */ React.createElement("span", { role: "img", "aria-label": "close-circle", className: "anticon anticon-close-circle" }, /* @__PURE__ */ React.createElement(
-    "svg",
-    {
-      viewBox: "64 64 896 896",
-      focusable: "false",
-      "data-icon": "close-circle",
-      width: "1em",
-      height: "1em",
-      fill: "currentColor",
-      "aria-hidden": "true"
-    },
-    /* @__PURE__ */ React.createElement("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" })
-  ))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "pro-tree-modal-checkbox-close",
+      role: "button",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        role: "img",
+        "aria-label": "close-circle",
+        className: "anticon anticon-close-circle",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          viewBox: "64 64 896 896",
+          focusable: "false",
+          "data-icon": "close-circle",
+          width: "1em",
+          height: "1em",
+          fill: "currentColor",
+          "aria-hidden": "true",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
+          })
+        })
+      })
+    })
+  }));
 }
-var CloseIcon_default = CloseIcon;
+var _default = exports.default = CloseIcon;

package/lib/ProTree/components/List.js

@@ -1,74 +1,75 @@
-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/ProTree/components/List.tsx
-var List_exports = {};
-__export(List_exports, {
-  default: () => List_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(List_exports);
-var import_react = require("react");
-var import_antd = require("antd");
-var import_SearchTitle = __toESM(require("./SearchTitle"));
-var import_CloseIcon = __toESM(require("./CloseIcon"));
+exports.default = void 0;
+require("antd/es/checkbox/style");
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _SearchTitle = _interopRequireDefault(require("./SearchTitle"));
+var _CloseIcon = _interopRequireDefault(require("./CloseIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["checkedValues", "disabled", "treeData", "searchStr", "showCodeName", "mode", "fieldNames", "handleOnChange", "handleFilterClose", "optionRender"];
 function List(props) {
-  const {
-    checkedValues,
-    disabled,
-    treeData,
-    searchStr,
-    showCodeName,
-    mode = "render",
-    fieldNames,
-    handleOnChange,
-    handleFilterClose,
-    optionRender,
-    ...other
-  } = props;
-  const fieldNameLabel = fieldNames.label;
-  const fieldNameValue = fieldNames.value;
-  if (mode === "render") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_antd.Checkbox.Group, { disabled, style: { width: "100%" }, value: checkedValues }, treeData.map((item) => {
-      const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
-      return /* @__PURE__ */ React.createElement("div", { key: item[fieldNameValue], className: "pro-tree-checkbox-content" }, /* @__PURE__ */ React.createElement(
-        import_antd.Checkbox,
-        {
-          onChange: (e) => handleOnChange(e, item[fieldNameValue]),
-          value: item[fieldNameValue],
-          disabled: item.disabled
+  var checkedValues = props.checkedValues,
+    disabled = props.disabled,
+    treeData = props.treeData,
+    searchStr = props.searchStr,
+    showCodeName = props.showCodeName,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'render' : _props$mode,
+    fieldNames = props.fieldNames,
+    handleOnChange = props.handleOnChange,
+    handleFilterClose = props.handleFilterClose,
+    optionRender = props.optionRender,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var fieldNameLabel = fieldNames.label;
+  var fieldNameValue = fieldNames.value;
+  if (mode === 'render') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default.Group, {
+        disabled: disabled,
+        style: {
+          width: '100%'
         },
-        /* @__PURE__ */ React.createElement("span", null, optionRender ? optionRender(item, searchStr) : /* @__PURE__ */ React.createElement(import_SearchTitle.default, { label: title, searchStr, ...other }))
-      ));
-    })));
+        value: checkedValues,
+        children: treeData.map(item => {
+          var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "pro-tree-checkbox-content",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+              onChange: e => handleOnChange(e, item[fieldNameValue]),
+              value: item[fieldNameValue],
+              disabled: item.disabled,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchTitle.default, (0, _objectSpread2.default)({
+                  label: title,
+                  searchStr: searchStr
+                }, other))
+              })
+            })
+          }, item[fieldNameValue]);
+        })
+      })
+    });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, treeData.map((item) => {
-    const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
-    return /* @__PURE__ */ React.createElement("div", { key: item[fieldNames.value], className: "pro-tree-checkbox-content" }, /* @__PURE__ */ React.createElement("div", { className: "pro-tree-checkbox-content-look" }, optionRender ? optionRender(item, searchStr) : title), disabled ? null : /* @__PURE__ */ React.createElement(import_CloseIcon.default, { onClick: () => handleFilterClose(item[fieldNameValue]) }));
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: treeData.map(item => {
+      var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "pro-tree-checkbox-content",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "pro-tree-checkbox-content-look",
+          children: optionRender ? optionRender(item, searchStr) : title
+        }), disabled ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.default, {
+          onClick: () => handleFilterClose(item[fieldNameValue])
+        })]
+      }, item[fieldNames.value]);
+    })
+  });
 }
-var List_default = (0, import_react.memo)(List);
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(List);