linkmore-design 1.0.91 → 1.0.95

package/es/IconFont/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/es/IconFont/style/variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./variables.css");

package/es/IconSelect/index.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _iconJson = _interopRequireDefault(require("./iconJson.json"));
+
+var _excluded = ["item"];
+
+// interface IconSelect {
+//   visible: boolean
+//   onClose: fn
+//   value: string
+//   onChange: fn
+// }
+var IconSelect = function IconSelect(_ref) {
+  var visible = _ref.visible,
+      onClose = _ref.onClose,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value,
+      onChange = _ref.onChange;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      active = _useState2[0],
+      setActive = _useState2[1];
+
+  var options = (0, _react.useMemo)(function () {
+    var result = [];
+    var originData = _iconJson.default.glyphs;
+
+    for (var i = 0, len = originData.length; i < len; i += 4) {
+      result.push(originData.slice(i, i + 4));
+    }
+
+    return result;
+  }, []);
+
+  var onSave = function onSave() {
+    onChange === null || onChange === void 0 ? void 0 : onChange(active);
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  };
+
+  var onDoubleClick = function onDoubleClick(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    onSave();
+  };
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      setActive(value);
+    }
+  }, [visible]);
+  var config = {
+    title: '选择图标',
+    visible: visible,
+    size: 'small',
+    onOk: onSave,
+    onCancel: onClose // footer: [
+    //   <Button key="cancel" onClick={onClose} size="middle">
+    //     取消
+    //   </Button>,
+    //   <Button type="primary" key="back" onClick={onSave} size="middle">
+    //     确定
+    //   </Button>,
+    // ],
+
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Modal, config, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm-icon_select"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: options
+  }, function (_ref2) {
+    var item = _ref2.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: "lm-icon_row"
+    }), item === null || item === void 0 ? void 0 : item.map(function (v) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: v.font_class,
+        className: "lm-icon_col_wrapper"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)('lm-icon_col', "lmweb-".concat(v.font_class) === active && 'lm-icon_active'),
+        onClick: function onClick() {
+          return setActive("lmweb-".concat(v.font_class));
+        },
+        onDoubleClick: onDoubleClick
+      }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-".concat(v.font_class)
+      })));
+    }));
+  }))));
+};
+
+var _default = IconSelect;
+exports.default = _default;

package/es/IconSelect/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/es/IconSelect/style/variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./variables.css");

package/es/ImageViewer/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/es/ImageViewer/style/variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./variables.css");

package/es/Input/style/variables.css

@@ -1,514 +1,3 @@
-.ant-layout-sider {
-  min-height: 100vh;
-  background-color: #022766;
-}
-.ant-menu-dark .ant-menu-inline.ant-menu-sub {
-  box-shadow: none;
-}
-.ant-menu-submenu-placement-rightTop {
-  display: none;
-}
-.ant-table .row-active .ant-table-cell {
-  background-color: #feffd3 !important;
-}
-.ant-table.ant-table-empty .ant-table-expanded-row-fixed {
-  padding: 0;
-}
-.ant-table.ant-table-empty .ant-table-expanded-row-fixed .ant-empty {
-  margin: 0;
-}
-.ant-table .ant-empty {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.ant-table .ant-empty .ant-empty-image {
-  height: 24px;
-  margin: var(--gap) 0;
-}
-.ant-tabs .ant-tabs-nav .ant-tabs-tab {
-  font-size: 14px;
-}
-.ant-tabs.auto_tabs {
-  display: flex;
-  flex-flow: column;
-  height: 100%;
-}
-.ant-tabs.auto_tabs .ant-tabs-nav {
-  height: 48px;
-}
-.ant-tabs.auto_tabs .ant-tabs-content-holder {
-  flex: 1;
-  overflow: auto;
-}
-.ant-drawer.drawer_wrapper .ant-drawer-header {
-  padding: 0 24px;
-}
-.ant-drawer.drawer_wrapper .ant-drawer-body {
-  position: relative;
-  flex: 1;
-  padding: 0 24px;
-}
-.ant-modal-wrap.plugin_modal {
-  display: flex;
-  flex-flow: column;
-  justify-content: flex-end;
-}
-.ant-modal-wrap.plugin_modal .ant-modal {
-  top: 0;
-  left: 56px;
-  margin: 0 0 8px 8px;
-  padding: 0;
-}
-.ant-modal-wrap.lm_modal_confirm .anticon {
-  margin-top: -1px;
-  margin-right: 8px;
-}
-.ant-modal-wrap.lm_modal_confirm .ant-modal-body {
-  padding: 16px 24px;
-}
-.ant-popover.pop_img .ant-popover-inner-content {
-  padding: var(--gap);
-  line-height: 1;
-}
-.ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
-  font-size: 14px;
-  font-weight: 500;
-}
-.ant-notification-notice .ant-notification-notice-content > div > div:last-child {
-  margin-bottom: 8px;
-}
-.ant-notification-notice .ant-notification-notice-description {
-  font-size: 12px;
-}
-.ant-collapse {
-  font-size: 12px;
-}
-@font-face {
-  font-family: 'iconfont';
-  /* Project id 2966019 */
-  src: url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff2?t=1641546077924') format('woff2'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff?t=1641546077924') format('woff'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.ttf?t=1641546077924') format('truetype');
-}
-.icon_ {
-  font-size: 14px;
-  font-family: 'iconfont';
-}
-.iconfont {
-  font-size: 12px;
-}
-.icon_home::before {
-  content: '\e7fc';
-}
-.lm-font-small-bold {
-  font-weight: 400;
-  font-size: var(--font-size-sm);
-  line-height: 20px;
-}
-.lm-font-middle-bold {
-  font-weight: 500;
-  font-size: var(--font-size-base);
-  line-height: 22px;
-}
-.lm-font-large-bold {
-  font-weight: 500;
-  font-size: var(--font-size-lg);
-  line-height: 24px;
-}
-.lm-font-small {
-  font-size: var(--font-size-sm);
-  line-height: 20px;
-}
-.lm-font-middle {
-  font-size: var(--font-size-base);
-  line-height: 22px;
-}
-.lm-font-large {
-  font-size: var(--font-size-lg);
-  line-height: 24px;
-}
-.lm-shadown-level1-up {
-  box-shadow: 0px -1px 2px -2px rgba(0, 0, 0, 0.16), 0px -3px 6px 0px rgba(0, 0, 0, 0.12), 0px -5px 12px 4px rgba(0, 0, 0, 0.09);
-}
-.lm-shadown-level2-up {
-  box-shadow: 0px -3px 6px -4px rgba(0, 0, 0, 0.12), 0px -6px 16px 0px rgba(0, 0, 0, 0.08), 0px -9px 28px 8px rgba(0, 0, 0, 0.05);
-}
-.lm-shadown-level3-up {
-  box-shadow: 0px -6px 16px -8px rgba(0, 0, 0, 0.08), 0px -9px 28px 0px rgba(0, 0, 0, 0.05), 0px -12px 48px 16px rgba(0, 0, 0, 0.03);
-}
-.lm-shadown-level1-down {
-  box-shadow: 0px 1px 2px -2px rgba(0, 0, 0, 0.16), 0px 3px 6px 0px rgba(0, 0, 0, 0.12), 0px 5px 12px 4px rgba(0, 0, 0, 0.09);
-}
-.lm-shadown-level2-down {
-  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
-}
-.lm-shadown-level3-down {
-  box-shadow: 0px 6px 16px -8px rgba(0, 0, 0, 0.08), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 12px 48px 16px rgba(0, 0, 0, 0.03);
-}
-.lm-shadown-level1-left {
-  box-shadow: -1px 0px 2px -2px rgba(0, 0, 0, 0.16), -3px 0px 6px 0px rgba(0, 0, 0, 0.12), -5px 0px 12px 4px rgba(0, 0, 0, 0.09);
-}
-.lm-shadown-level2-left {
-  box-shadow: -3px 0px 6px -4px rgba(0, 0, 0, 0.12), -6px 0px 16px 0px rgba(0, 0, 0, 0.08), -9px 0px 28px 8px rgba(0, 0, 0, 0.05);
-}
-.lm-shadown-level3-left {
-  box-shadow: -6px 0px 16px -8px rgba(0, 0, 0, 0.08), -9px 0px 28px 0px rgba(0, 0, 0, 0.05), -12px 0px 48px 16px rgba(0, 0, 0, 0.03);
-}
-.lm-shadown-level1-right {
-  box-shadow: 1px 0px 2px -2px rgba(0, 0, 0, 0.16), 3px 0px 6px 0px rgba(0, 0, 0, 0.12), 5px 0px 12px 4px rgba(0, 0, 0, 0.09);
-}
-.lm-shadown-level2-right {
-  box-shadow: 3px 0px 6px -4px rgba(0, 0, 0, 0.12), 6px 0px 16px 0px rgba(0, 0, 0, 0.08), 9px 0px 28px 8px rgba(0, 0, 0, 0.05);
-}
-.lm-shadown-level3-right {
-  box-shadow: 6px 0px 16px -8px rgba(0, 0, 0, 0.08), 9px 0px 28px 0px rgba(0, 0, 0, 0.05), 12px 0px 48px 16px rgba(0, 0, 0, 0.03);
-}
-:root {
-  --primary-color: #1890fc;
-  --primary-click-color: #096dd9;
-  --success-color: #52c14a;
-  --warning-color: #fd9727;
-  --error-color: #fa4f53;
-  --aside-bg-color: #022766;
-  --primary-hover-color: #40a9ff;
-  --primary-loading-color: #84b7fa;
-  --primary-select-color: #e6f7ff;
-  --error-hover-color: #ee8079;
-  --error-loading-color: #fbcdcd;
-  --disabled-border-color: rgba(0, 0, 0, 0.15);
-  --disabled-bg-color: rgba(0, 0, 0, 0.04);
-  --disabled-font-color: rgba(0, 0, 0, 0.25);
-  --font-color: rgba(0, 0, 0, 0.85);
-  --text-color: rgba(0, 0, 0, 0.45);
-  --tip-text-color: rgba(0, 0, 0, 0.25);
-  --stroke-color: rgba(0, 0, 0, 0.15);
-  --line-color: rgba(0, 0, 0, 0.06);
-  --background-color: rgba(0, 0, 0, 0.04);
-  --table-header-color: rgba(0, 0, 0, 0.02);
-  --font2-color: rgba(0, 0, 0, 0.65);
-  --background-color-hover: rgba(0, 0, 0, 0.08);
-  --border-color: #f0f0f0;
-  --stripe-color: #f5f5f5;
-  --border-hover-color: #f2f5f7;
-  --box-shadow-color: rgba(0, 0, 0, 0.1);
-  --table-background-color: #fafafa;
-  --disabled-color: rgba(0, 0, 0, 0.25);
-  --font-size: 12px;
-  --gap: 8px;
-  --basic-height: 24px;
-  --font-size-base: 14px;
-  --font-size-lg: calc(var(--font-size-base) + 2px);
-  --font-size-sm: 12px;
-  --color-contrast: #fff;
-  --color-100: #000;
-  --color-85: #262626;
-  --color-65: #595959;
-  --color-45: #8c8c8c;
-  --color-25: #bfbfbf;
-  --color-15: #d9d9d9;
-  --color-6: #f0f0f0;
-  --color-4: #f5f5f5;
-  --color-2: #fafafa;
-  /** tree */
-  --tree-select-bg: #EDF6FF;
-}
-/** tag */
-:root[theme='dark'] {
-  --font-color: rgba(255, 255, 255, 0.85);
-  --text-color: rgba(255, 255, 255, 0.45);
-  --tip-text-color: rgba(255, 255, 255, 0.25);
-  --stroke-color: rgba(255, 255, 255, 0.15);
-  --line-color: rgba(255, 255, 255, 0.06);
-  --background-color: rgba(255, 255, 255, 0.04);
-  --table-header-color: rgba(255, 255, 255, 0.02);
-  --font2-color: rgba(255, 255, 255, 0.65);
-  --background-color-hover: rgba(255, 255, 255, 0.08);
-}
-html {
-  background-color: #f0f2f5;
-}
-#app {
-  width: 100vw;
-  min-width: 1200px;
-  height: 100vh;
-  font-family: 'PingFang SC', 'Microsoft YaHei UI', '微软雅黑', Helvetica, Arial, sans-serif;
-}
-.ka-wrapper,
-.ka-content {
-  height: 100%;
-}
-* {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-*::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-  border-radius: 10px;
-}
-*::-webkit-scrollbar-button {
-  display: none;
-}
-*::-webkit-scrollbar-track {
-  background: transparent;
-}
-*::-webkit-scrollbar-thumb {
-  background: #d8d8d8;
-  border-radius: 6px;
-}
-*::-webkit-scrollbar-thumb:hover,
-*::-webkit-scrollbar-thumb:active {
-  background: #bfbfbf;
-}
-.page-content {
-  margin: 12px;
-  padding: 16px;
-  background: #fff;
-}
-.addModal .ant-modal-header {
-  display: flex;
-  align-items: center;
-  height: 46px;
-  padding: 0 24px;
-}
-.addModal .ant-modal-close-x {
-  width: 46px;
-  height: 46px;
-  line-height: 44px;
-}
-.addModal .ant-modal-body {
-  padding: 24px 24px 21px;
-}
-.addModal .ant-modal-body .ant-tabs-nav {
-  margin: 0 10px;
-}
-.addModal .ant-modal-body .ant-tabs-content-holder {
-  max-height: 800px;
-  padding: 16px 10px;
-  overflow-y: auto;
-}
-.addModal .ant-modal-footer {
-  padding: 11px 24px;
-}
-.addModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
-  margin-left: 10px;
-}
-.editModal .ant-modal-header {
-  display: flex;
-  align-items: center;
-  height: 46px;
-  padding: 0 24px;
-}
-.editModal .ant-modal-close-x {
-  width: 46px;
-  height: 46px;
-  line-height: 44px;
-}
-.editModal .ant-modal-body {
-  max-height: 600px;
-  padding: 24px 24px 21px;
-  overflow-y: auto;
-}
-.editModal .ant-modal-body .ant-form-item {
-  margin-bottom: 16px;
-}
-.editModal .ant-modal-footer {
-  padding: 11px 24px;
-}
-.editModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
-  margin-left: 10px;
-}
-.ant-select-dropdown .ant-select-item {
-  align-items: center;
-  font-size: 12px;
-}
-.react-resizable {
-  position: relative;
-  background-clip: padding-box;
-}
-.react-resizable-handle {
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 1;
-  width: 3px;
-  height: 40px;
-  cursor: col-resize;
-}
-.react-resizable-handle:hover {
-  background-color: var(--primary-color);
-}
-.react-resizable-handle:active {
-  background-color: var(--primary-color);
-}
-.yf_resizable_bar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2;
-  height: 0;
-}
-.resizable_line {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  width: 1px;
-  height: 100%;
-  background-color: var(--primary-color);
-}
-.handle_resizable {
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 2;
-  width: 5px;
-  height: 100%;
-}
-.card_cell_content {
-  display: flex;
-  flex-flow: column;
-  height: 100%;
-  overflow: hidden;
-  border: 1px solid transparent;
-  border-radius: 2px;
-  transition: 0.3s;
-}
-.card_cell_content .card_cell_body {
-  position: relative;
-  display: flex;
-  flex: 1;
-  flex-flow: column;
-  padding: 16px;
-  background: rgba(0, 0, 0, 0.02);
-  cursor: pointer;
-}
-.card_cell_content .card_cell_body .card_cell_checkbox {
-  position: absolute;
-  top: 8px;
-  left: 8px;
-  line-height: 1;
-  opacity: 0;
-  transition: 0.3s;
-}
-.card_cell_content .card_cell_body .card_cell_checkbox .ant-checkbox {
-  border: 8px solid rgba(255, 255, 255, 0.624);
-  border-radius: 2px;
-}
-.card_cell_content .card_cell_body .card_cell_info .title {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  justify-content: space-between;
-}
-.card_cell_content .card_cell_body .card_cell_info .title .label {
-  flex: 1;
-  overflow: hidden;
-  font-weight: 500;
-  font-size: 14px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-}
-.card_cell_content .card_cell_body .card_cell_info .title .icon {
-  display: inline-flex;
-  gap: 4px;
-  align-items: center;
-  height: 22px;
-  padding: 0 8px;
-  font-size: 12px;
-  line-height: 1;
-  background: var(--background-color);
-}
-.card_cell_content .card_cell_body .card_cell_info .code .ant-typography {
-  margin: 0;
-  color: var(--text-color);
-  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-}
-.card_cell_content .card_cell_body .card_cell_info .code .ant-typography .ant-typography-copy {
-  color: inherit;
-}
-.card_cell_content .card_cell_body .card_cell_info .expand {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px;
-  padding: 6px 0 2px;
-  color: var(--text-color);
-  font-size: 12px;
-  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-}
-.card_cell_content .card_cell_body .card_cell_info .expand > div {
-  padding: 2px 0;
-}
-.card_cell_content .card_cell_body .card_cell_center {
-  display: flex;
-  flex: 1;
-  align-items: center;
-}
-.card_cell_content .card_cell_body .card_cell_center .list {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  margin: auto 0;
-  text-align: center;
-}
-.card_cell_content .card_cell_body .card_cell_center .list .item {
-  display: inline-flex;
-  gap: 4px;
-  align-items: center;
-  line-height: 1;
-}
-.card_cell_content .card_cell_body .card_cell_center .list .item .num {
-  color: var(--font-color);
-  font-weight: 500;
-  font-size: 20px;
-}
-.card_cell_content .card_cell_body .card_cell_center .list .item .text {
-  color: var(--text-color);
-  font-size: 12px;
-}
-.card_cell_content .card_cell_footer {
-  display: flex;
-  align-items: center;
-  height: 40px;
-  background: #f7f7f7;
-}
-.card_cell_content .card_cell_footer > * {
-  flex: 1;
-}
-.card_cell_content .card_cell_footer > *::after {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  width: 1px;
-  height: 18px;
-  background-color: #e8e8e8;
-  transform: translateY(-50%);
-  content: '';
-}
-.card_cell_content .card_cell_footer button:last-child {
-  border: none;
-}
-.card_cell_content .card_cell_footer button:last-child::after {
-  display: none;
-}
-.card_cell_content .card_cell_footer .footer_expand {
-  font-size: 16px;
-  text-align: center;
-  border: none;
-}
-.card_cell_content.checked,
-.card_cell_content:hover {
-  border-color: var(--primary-color);
-}
-.card_cell_content.checked .card_cell_body .card_cell_checkbox,
-.card_cell_content:hover .card_cell_body .card_cell_checkbox {
-  opacity: 1;
-}
-p {
-  margin-bottom: 0;
-}
 .lm_input {
   height: 32px;
   padding: 2px 8px;