@nocobase/plugin-theme-editor 0.11.1-alpha.5 → 0.12.0-alpha.2

package/lib/client/antd-token-previewer/ColorPreview.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
-  _classnames = function _classnames() {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _getColorBgImg = _interopRequireDefault(require("./utils/getColorBgImg"));
-var _makeStyle = _interopRequireDefault(require("./utils/makeStyle"));
-const _excluded = ["color", "style", "className", "dark"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const useStyle = (0, _makeStyle.default)('ColorPreview', () => ({
-  '.previewer-color-preview': {
-    width: 20,
-    height: 20,
-    position: 'relative',
-    borderRadius: '50%',
-    padding: 0,
-    display: 'inline-block',
-    '&::before': {
-      content: '""',
-      width: '100%',
-      height: '100%',
-      borderRadius: '50%',
-      top: 0,
-      insetInlineStart: 0,
-      position: 'absolute',
-      zIndex: 2,
-      backgroundColor: 'var(--antd-token-previewer-color-preview)',
-      boxShadow: '0 2px 3px -1px rgba(0,0,0,0.20), inset 0 0 0 1px rgba(0,0,0,0.09)'
-    }
-  }
-}));
-const ColorPreview = _ref => {
-  let color = _ref.color,
-    style = _ref.style,
-    className = _ref.className,
-    dark = _ref.dark,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  const _useStyle = useStyle(),
-    _useStyle2 = _slicedToArray(_useStyle, 2),
-    warpSSR = _useStyle2[0],
-    hashId = _useStyle2[1];
-  return warpSSR(_react().default.createElement("div", _objectSpread(_objectSpread({}, restProps), {}, {
-    className: (0, _classnames().default)('previewer-color-preview', className, hashId),
-    style: _objectSpread({
-      // @ts-ignore
-      ['--antd-token-previewer-color-preview']: color
-    }, style)
-  }), _react().default.createElement("div", {
-    style: {
-      content: '""',
-      width: 18,
-      height: 18,
-      borderRadius: '50%',
-      top: 1,
-      insetInlineStart: 1,
-      position: 'absolute',
-      zIndex: 1,
-      background: `${(0, _getColorBgImg.default)(dark)} 0% 0% / 20px`
-    }
-  })));
-};
-var _default = ColorPreview;
-exports.default = _default;

package/lib/client/antd-token-previewer/FilterPanel.js

@@ -1,145 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
-    return data;
-  };
-  return data;
-}
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
-  _classnames = function _classnames() {
-    return data;
-  };
-  return data;
-}
-function _useMergedState3() {
-  const data = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
-  _useMergedState3 = function _useMergedState3() {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _makeStyle = _interopRequireDefault(require("./utils/makeStyle"));
-const _excluded = ["className", "filterMode", "onFilterModeChange", "selectedTokens", "onSelectedTokensChange", "onTokenClick"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const useStyle = (0, _makeStyle.default)('FilterPanel', token => ({
-  '.previewer-filter-panel': {
-    // boxShadow:
-    //   '0 2px 4px 0 rgba(0,0,0,0.05), 0 1px 2px 0 rgba(25,15,15,0.07), 0 0 1px 0 rgba(0,0,0,0.08)',
-    // backgroundColor: '#fff',
-    // borderRadius: 6,
-    // padding: '8px 12px',
-    overflow: 'hidden',
-    display: 'flex',
-    alignItems: 'start',
-    '.component-tree-head': {
-      display: 'flex',
-      alignItems: 'center',
-      flex: 'none',
-      marginInlineEnd: 20,
-      '.component-tree-filter-type': {
-        color: token.colorTextSecondary,
-        marginInlineEnd: token.marginXS,
-        fontSize: token.fontSizeSM
-      },
-      '.component-tree-filter-segmented': {
-        fontSize: token.fontSizeSM
-      }
-    },
-    '.preview-panel-subtitle': {
-      fontSize: token.fontSizeSM,
-      color: token.colorTextSecondary
-    },
-    [`${token.rootCls}-tag.previewer-token-filter-tag`]: {
-      color: token.colorPrimary,
-      backgroundColor: 'rgba(22,119,255,0.10)',
-      border: 'none',
-      borderRadius: 4,
-      '> .anticon': {
-        color: token.colorPrimary
-      }
-    }
-  }
-}));
-const FilterPanel = _ref => {
-  let className = _ref.className,
-    customFilterMode = _ref.filterMode,
-    onFilterModeChange = _ref.onFilterModeChange,
-    selectedTokens = _ref.selectedTokens,
-    onSelectedTokensChange = _ref.onSelectedTokensChange,
-    onTokenClick = _ref.onTokenClick,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const _useStyle = useStyle(),
-    _useStyle2 = _slicedToArray(_useStyle, 2),
-    wrapSSR = _useStyle2[0],
-    hashId = _useStyle2[1];
-  const _useMergedState = (0, _useMergedState3().default)(customFilterMode || 'filter'),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    filterMode = _useMergedState2[0],
-    setFilterMode = _useMergedState2[1];
-  if (selectedTokens.length === 0) {
-    return null;
-  }
-  return wrapSSR(_react().default.createElement("div", _objectSpread({
-    className: (0, _classnames().default)('previewer-filter-panel', hashId, className)
-  }, rest), selectedTokens && selectedTokens.length > 0 && _react().default.createElement(_react().default.Fragment, null, _react().default.createElement("div", {
-    className: "component-tree-head"
-  }, _react().default.createElement("div", {
-    className: "component-tree-filter-type"
-  }, "\u7B5B\u9009\u65B9\u5F0F\uFF1A"), _react().default.createElement(_antd().Segmented, {
-    className: "component-tree-filter-segmented",
-    size: "small",
-    value: filterMode,
-    onChange: value => {
-      onFilterModeChange === null || onFilterModeChange === void 0 ? void 0 : onFilterModeChange(value);
-      setFilterMode(value);
-    },
-    options: [{
-      label: '过滤',
-      value: 'filter'
-    }, {
-      label: '高亮',
-      value: 'highlight'
-    }]
-  })), _react().default.createElement("div", null, _react().default.createElement("span", {
-    className: "preview-panel-subtitle"
-  }, "\u5DF2\u9009\u4E2D\uFF1A"), selectedTokens.map(token => _react().default.createElement(_antd().Tag, {
-    key: token,
-    closable: true,
-    onClose: () => onSelectedTokensChange === null || onSelectedTokensChange === void 0 ? void 0 : onSelectedTokensChange(selectedTokens === null || selectedTokens === void 0 ? void 0 : selectedTokens.filter(item => item !== token)),
-    style: {
-      marginBlock: 2,
-      cursor: 'pointer'
-    },
-    className: "previewer-token-filter-tag",
-    onClick: () => onTokenClick === null || onTokenClick === void 0 ? void 0 : onTokenClick(token)
-  }, token))))));
-};
-var _default = FilterPanel;
-exports.default = _default;

package/lib/client/antd-token-previewer/IconSwitch.js

@@ -1,115 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = IconSwitch;
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
-  _classnames = function _classnames() {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _makeStyle = _interopRequireDefault(require("./utils/makeStyle"));
-const _excluded = ["className", "style", "leftIcon", "rightIcon", "leftChecked", "transparent", "onChange"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const useStyle = (0, _makeStyle.default)('IconSwitch', () => {
-  const activeBackground = '#314659';
-  return {
-    '.theme-editor-icon-switch': {
-      display: 'inline-block',
-      '.holder': {
-        position: 'relative',
-        display: 'inline-flex',
-        background: '#ebedf0',
-        borderRadius: '100vw',
-        cursor: 'pointer',
-        transition: 'all 0.3s',
-        '&::before': {
-          position: 'absolute',
-          top: 0,
-          left: 'calc(100% - 32px)',
-          width: 32,
-          height: 32,
-          background: activeBackground,
-          borderRadius: '100vw',
-          transition: 'all 0.3s',
-          content: '""'
-        },
-        '&.leftChecked::before': {
-          left: 0
-        },
-        '&:hover': {
-          boxShadow: '0 0 3px fade(@active-background, 40%)'
-        }
-      },
-      '.icon': {
-        position: 'relative',
-        width: 32,
-        height: 32,
-        color: '#a3b1bf',
-        lineHeight: '32px',
-        textAlign: 'center',
-        transition: 'all 0.3s',
-        fontSize: 16,
-        '.anticon': {
-          fontSize: 14
-        },
-        '&:first-child': {
-          marginInlineEnd: -4
-        },
-        '&.active': {
-          color: '#fff'
-        }
-      }
-    }
-  };
-});
-function IconSwitch(_ref) {
-  let className = _ref.className,
-    style = _ref.style,
-    leftIcon = _ref.leftIcon,
-    rightIcon = _ref.rightIcon,
-    leftChecked = _ref.leftChecked,
-    transparent = _ref.transparent,
-    onChange = _ref.onChange,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const _useStyle = useStyle(),
-    _useStyle2 = _slicedToArray(_useStyle, 2),
-    wrapSSR = _useStyle2[0],
-    hashId = _useStyle2[1];
-  return wrapSSR(_react().default.createElement("div", _objectSpread({
-    className: (0, _classnames().default)('theme-editor-icon-switch', className, hashId),
-    style: style
-  }, props), _react().default.createElement("div", {
-    className: (0, _classnames().default)('holder', leftChecked && 'leftChecked'),
-    onClick: () => {
-      onChange === null || onChange === void 0 ? void 0 : onChange(!leftChecked);
-    }
-  }, _react().default.createElement("span", {
-    className: (0, _classnames().default)('icon', leftChecked && 'active')
-  }, leftIcon), _react().default.createElement("span", {
-    className: (0, _classnames().default)('icon', !leftChecked && 'active')
-  }, rightIcon))));
-}

package/lib/client/antd-token-previewer/PreviewDemo.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _componentPanel = require("./component-panel");
-var _ComponentDemoPro = _interopRequireDefault(require("./token-panel-pro/ComponentDemoPro"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-const PreviewDemo = ({
-  theme,
-  style
-}) => {
-  return _react().default.createElement("div", {
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      overflow: 'auto'
-    })
-  }, _react().default.createElement(_ComponentDemoPro.default, {
-    theme: theme,
-    components: _componentPanel.antdComponents,
-    componentDrawer: false,
-    showAll: true,
-    style: {
-      minHeight: '100%'
-    }
-  }));
-};
-var _default = PreviewDemo;
-exports.default = _default;

package/lib/client/antd-token-previewer/ThemeEditor.js

@@ -1,168 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
-  _classnames = function _classnames() {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _componentPanel = require("./component-panel");
-var _useControlledTheme2 = _interopRequireDefault(require("./hooks/useControlledTheme"));
-var _locale = require("./locale");
-var _TokenRelation = require("./meta/TokenRelation");
-var _tokenPanelPro = _interopRequireDefault(require("./token-panel-pro"));
-var _ComponentDemoPro = _interopRequireDefault(require("./token-panel-pro/ComponentDemoPro"));
-var _makeStyle = _interopRequireDefault(require("./utils/makeStyle"));
-var _statistic = require("./utils/statistic");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-const useStyle = (0, _makeStyle.default)('ThemeEditor', token => ({
-  '.antd-theme-editor': {
-    backgroundColor: token.colorBgLayout,
-    display: 'flex'
-  }
-}));
-const defaultTheme = {
-  name: '默认主题',
-  key: 'default',
-  config: {}
-};
-const ThemeEditor = (0, _react().forwardRef)(({
-  theme: customTheme,
-  onThemeChange,
-  className,
-  style,
-  darkAlgorithm,
-  locale = _locale.zhCN
-}, ref) => {
-  const _useStyle = useStyle(),
-    _useStyle2 = _slicedToArray(_useStyle, 2),
-    wrapSSR = _useStyle2[0],
-    hashId = _useStyle2[1];
-  const _useState = (0, _react().useState)({
-      seed: ['colorPrimary']
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedTokens = _useState2[0],
-    setSelectedTokens = _useState2[1];
-  const _useState3 = (0, _react().useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    aliasOpen = _useState4[0],
-    setAliasOpen = _useState4[1];
-  const _useControlledTheme = (0, _useControlledTheme2.default)({
-      theme: customTheme,
-      defaultTheme,
-      onChange: onThemeChange,
-      darkAlgorithm
-    }),
-    theme = _useControlledTheme.theme,
-    infoFollowPrimary = _useControlledTheme.infoFollowPrimary,
-    onInfoFollowPrimaryChange = _useControlledTheme.onInfoFollowPrimaryChange,
-    updateRef = _useControlledTheme.updateRef;
-  (0, _react().useImperativeHandle)(ref, () => ({
-    updateRef
-  }));
-  const handleTokenSelect = (token, type) => {
-    setSelectedTokens(prev => {
-      const tokens = typeof token === 'string' ? token ? [token] : [] : token;
-      if (type === 'seed') {
-        return {
-          seed: tokens
-        };
-      }
-      let newSelectedTokens = _objectSpread({}, prev);
-      tokens.forEach(newToken => {
-        var _prev$type, _prev$type2, _prev$type3;
-        newSelectedTokens = _objectSpread(_objectSpread({}, prev), {}, {
-          [type]: (_prev$type = prev[type]) !== null && _prev$type !== void 0 && _prev$type.includes(newToken) ? (_prev$type2 = prev[type]) === null || _prev$type2 === void 0 ? void 0 : _prev$type2.filter(t => t !== newToken) : [...((_prev$type3 = prev[type]) !== null && _prev$type3 !== void 0 ? _prev$type3 : []), newToken]
-        });
-      });
-      if (type === 'map') {
-        delete newSelectedTokens.alias;
-      }
-      return newSelectedTokens;
-    });
-  };
-  const computedSelectedTokens = (0, _react().useMemo)(() => {
-    var _selectedTokens$seed, _selectedTokens$map, _selectedTokens$alias, _selectedTokens$map2, _selectedTokens$alias2, _selectedTokens$alias3;
-    if ((_selectedTokens$seed = selectedTokens.seed) !== null && _selectedTokens$seed !== void 0 && _selectedTokens$seed.length && !((_selectedTokens$map = selectedTokens.map) !== null && _selectedTokens$map !== void 0 && _selectedTokens$map.length) && !((_selectedTokens$alias = selectedTokens.alias) !== null && _selectedTokens$alias !== void 0 && _selectedTokens$alias.length)) {
-      var _seedRelatedMap$selec, _seedRelatedAlias$sel;
-      return [...selectedTokens.seed, ...((_seedRelatedMap$selec = _TokenRelation.seedRelatedMap[selectedTokens.seed[0]]) !== null && _seedRelatedMap$selec !== void 0 ? _seedRelatedMap$selec : []), ...((_seedRelatedAlias$sel = _TokenRelation.seedRelatedAlias[selectedTokens.seed[0]]) !== null && _seedRelatedAlias$sel !== void 0 ? _seedRelatedAlias$sel : [])];
-    }
-    if ((_selectedTokens$map2 = selectedTokens.map) !== null && _selectedTokens$map2 !== void 0 && _selectedTokens$map2.length && !((_selectedTokens$alias2 = selectedTokens.alias) !== null && _selectedTokens$alias2 !== void 0 && _selectedTokens$alias2.length)) {
-      return [...selectedTokens.map, ...selectedTokens.map.reduce((result, item) => {
-        return result.concat(_TokenRelation.mapRelatedAlias[item]);
-      }, [])];
-    }
-    if ((_selectedTokens$alias3 = selectedTokens.alias) !== null && _selectedTokens$alias3 !== void 0 && _selectedTokens$alias3.length) {
-      return [...selectedTokens.alias];
-    }
-    return [];
-  }, [selectedTokens]);
-  const relatedComponents = (0, _react().useMemo)(() => {
-    return computedSelectedTokens ? (0, _statistic.getRelatedComponents)(computedSelectedTokens) : [];
-  }, [computedSelectedTokens]);
-  return wrapSSR(_react().default.createElement(_locale.LocaleContext.Provider, {
-    value: locale
-  }, _react().default.createElement("div", {
-    className: (0, _classnames().default)(hashId, 'antd-theme-editor', className),
-    style: style
-  }, _react().default.createElement("div", {
-    style: {
-      flex: aliasOpen ? '0 0 860px' : `0 0 ${860 - 320}px`,
-      height: '100%',
-      backgroundColor: '#F7F8FA',
-      backgroundImage: 'linear-gradient(180deg, #FFFFFF 0%, rgba(246,247,249,0.00) 100%)',
-      display: 'flex',
-      transition: 'all 0.3s'
-    }
-  }, _react().default.createElement(_tokenPanelPro.default, {
-    aliasOpen: aliasOpen,
-    onAliasOpenChange: open => setAliasOpen(open),
-    theme: theme,
-    style: {
-      flex: 1
-    },
-    selectedTokens: selectedTokens,
-    onTokenSelect: handleTokenSelect,
-    infoFollowPrimary: infoFollowPrimary,
-    onInfoFollowPrimaryChange: onInfoFollowPrimaryChange
-  })), _react().default.createElement(_ComponentDemoPro.default, {
-    theme: theme,
-    components: _componentPanel.antdComponents,
-    activeComponents: relatedComponents,
-    selectedTokens: computedSelectedTokens,
-    style: {
-      flex: 1,
-      overflow: 'auto',
-      height: '100%'
-    },
-    componentDrawer: true
-  }))));
-});
-var _default = ThemeEditor;
-exports.default = _default;