@zgfe/modules-settings 2.1.0-zhongyuan-set.1 → 2.1.0-zhongyuan-set.2

package/README.md

@@ -1,33 +1,33 @@
-# @zgfe/modules-settings
-
-## Getting Started
-
-Install dependencies,
-
-```bash
-$ npm i
-```
-
-Start the dev server,
-
-```bash
-$ npm start
-```
-
-Build documentation,
-
-```bash
-$ npm run docs:build
-```
-
-Run test,
-
-```bash
-$ npm test
-```
-
-Build library via `father`,
-
-```bash
-$ npm run build
-```
+# @zgfe/modules-settings
+
+## Getting Started
+
+Install dependencies,
+
+```bash
+$ npm i
+```
+
+Start the dev server,
+
+```bash
+$ npm start
+```
+
+Build documentation,
+
+```bash
+$ npm run docs:build
+```
+
+Run test,
+
+```bash
+$ npm test
+```
+
+Build library via `father`,
+
+```bash
+$ npm run build
+```

package/es/components/card/index.less

@@ -1,87 +1,87 @@
-@import '../../constants/icons/iconfont.css';
-
-.settings-card {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  align-items: flex-start;
-  // min-width: 368px;
-  // max-width: 368px;
-  height: 114px;
-  padding: 16px;
-  background-color: #fafafb;
-  border: 1px solid #f2f3f4;
-  border-radius: 8px;
-
-  &-header {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    line-height: 22px;
-
-    &-title {
-      display: flex;
-      overflow: hidden;
-      color: var(--io-N-, #021429);
-      font-weight: 500;
-      font-size: 14px;
-      font-size: 14px;
-      font-family: 'PingFang SC';
-      font-style: normal;
-
-      div {
-        width: 100%;
-        overflow: hidden;
-        white-space: nowrap;
-        text-align: left;
-        text-overflow: ellipsis;
-        cursor: pointer;
-      }
-
-      .ant-tag {
-        flex: 0;
-        height: 24px;
-        margin: 0 8px;
-        padding: 1px 8px;
-        color: var(--io-i-, #165dff);
-        font-weight: 400;
-        font-family: 'PingFang SC';
-        background: var(--io-i1-, #e8efff);
-        border-radius: 2px;
-      }
-    }
-
-    &-btnNodes {
-      display: flex;
-      gap: 16px;
-      color: var(--io-N4-, #9aa1a9);
-      cursor: pointer;
-    }
-  }
-
-  &-content {
-    width: 100%;
-    color: var(--io-N6-, #67727f);
-    &-item {
-      &-platform {
-        display: block;
-      }
-    }
-  }
-
-  &-empty {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 31px 0;
-    color: var(--io-i-, #165dff);
-    line-height: 1;
-    background: none;
-    cursor: pointer;
-
-    .bsicon {
-      color: var(--io-i-, #165dff);
-      font-size: 24px !important;
-    }
-  }
-}
+@import '../../constants/icons/iconfont.css';
+
+.settings-card {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: flex-start;
+  // min-width: 368px;
+  // max-width: 368px;
+  height: 114px;
+  padding: 16px;
+  background-color: #fafafb;
+  border: 1px solid #f2f3f4;
+  border-radius: 8px;
+
+  &-header {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    line-height: 22px;
+
+    &-title {
+      display: flex;
+      overflow: hidden;
+      color: var(--io-N-, #021429);
+      font-weight: 500;
+      font-size: 14px;
+      font-size: 14px;
+      font-family: 'PingFang SC';
+      font-style: normal;
+
+      div {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-align: left;
+        text-overflow: ellipsis;
+        cursor: pointer;
+      }
+
+      .ant-tag {
+        flex: 0;
+        height: 24px;
+        margin: 0 8px;
+        padding: 1px 8px;
+        color: var(--io-i-, #165dff);
+        font-weight: 400;
+        font-family: 'PingFang SC';
+        background: var(--io-i1-, #e8efff);
+        border-radius: 2px;
+      }
+    }
+
+    &-btnNodes {
+      display: flex;
+      gap: 16px;
+      color: var(--io-N4-, #9aa1a9);
+      cursor: pointer;
+    }
+  }
+
+  &-content {
+    width: 100%;
+    color: var(--io-N6-, #67727f);
+    &-item {
+      &-platform {
+        display: block;
+      }
+    }
+  }
+
+  &-empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 31px 0;
+    color: var(--io-i-, #165dff);
+    line-height: 1;
+    background: none;
+    cursor: pointer;
+
+    .bsicon {
+      color: var(--io-i-, #165dff);
+      font-size: 24px !important;
+    }
+  }
+}

package/es/components/importMetaDialog/styles/index.less

@@ -1,115 +1,115 @@
-@import '~@zgfe/business-lib/es/assets/styles/inner.less';
-
-.import-meta-modal {
-  &-icon-file {
-    color: @primary-color;
-    font-size: 48px !important;
-  }
-  &-icon-export {
-    margin-right: @margin-xss;
-  }
-  &-export-btn {
-    display: block;
-    width: fit-content;
-    // margin-top: @margin-md;
-  }
-  .ant-upload.ant-upload-drag {
-    background: #fafafb;
-    /* io/中性/N2-置灰信息 */
-    border: 1px dashed #ccd0d4;
-  }
-  .ant-upload.ant-upload-drag .ant-upload {
-    padding: 40px 0;
-  }
-  &-export-container {
-    border-radius: 4px;
-    &-h1 {
-      margin-top: -8px;
-      margin-bottom: 4px;
-    }
-    &-h2 {
-      color: @text-color-secondary;
-      font-size: 12px;
-    }
-  }
-
-  &-show-container {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 24px;
-    background: #fafafb;
-    /* io/中性/N1-按钮边框 线色 */
-    border: 1px solid #e6e7ea;
-    border-radius: 4px;
-    &-content {
-      display: flex;
-      align-items: center;
-      &-icon {
-        margin-right: 12px;
-        color: @primary-color;
-        font-size: 40px !important;
-      }
-      &-file {
-        &-title {
-          font-size: 16px;
-        }
-        &-size {
-          color: @text-color-secondary;
-          font-size: 12px;
-        }
-      }
-    }
-  }
-
-  &-spin {
-    background: #fafafb;
-    border: 1px solid #e6e7ea;
-    border-radius: 4px;
-    &-icon.anticon {
-      color: @primary-color;
-      font-size: 24px;
-    }
-    .ant-spin-text {
-      margin-top: @margin-xs;
-    }
-  }
-
-  &-upload-txt {
-    font-size: 16px;
-  }
-
-  .ant-modal-body {
-    padding-top: 8px !important;
-  }
-  &-footer {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-  }
-}
-.exportList {
-  &-importModal {
-    &-content {
-    }
-    &-tip {
-      margin: 0px 0px 10px;
-      padding: 5px 0px 5px 15px;
-      background-color: #e7f3fe;
-      border: 1px solid #b8e4ff;
-      border-radius: 4px;
-      .icon {
-        margin: 0px 10px;
-        color: #165dff;
-      }
-    }
-    &-list {
-      height: 160px;
-      padding: 10px;
-      overflow-y: scroll;
-      border: 1px solid #e5e5e5;
-      border-radius: 4px;
-    }
-  }
-}
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.import-meta-modal {
+  &-icon-file {
+    color: @primary-color;
+    font-size: 48px !important;
+  }
+  &-icon-export {
+    margin-right: @margin-xss;
+  }
+  &-export-btn {
+    display: block;
+    width: fit-content;
+    // margin-top: @margin-md;
+  }
+  .ant-upload.ant-upload-drag {
+    background: #fafafb;
+    /* io/中性/N2-置灰信息 */
+    border: 1px dashed #ccd0d4;
+  }
+  .ant-upload.ant-upload-drag .ant-upload {
+    padding: 40px 0;
+  }
+  &-export-container {
+    border-radius: 4px;
+    &-h1 {
+      margin-top: -8px;
+      margin-bottom: 4px;
+    }
+    &-h2 {
+      color: @text-color-secondary;
+      font-size: 12px;
+    }
+  }
+
+  &-show-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 24px;
+    background: #fafafb;
+    /* io/中性/N1-按钮边框 线色 */
+    border: 1px solid #e6e7ea;
+    border-radius: 4px;
+    &-content {
+      display: flex;
+      align-items: center;
+      &-icon {
+        margin-right: 12px;
+        color: @primary-color;
+        font-size: 40px !important;
+      }
+      &-file {
+        &-title {
+          font-size: 16px;
+        }
+        &-size {
+          color: @text-color-secondary;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+
+  &-spin {
+    background: #fafafb;
+    border: 1px solid #e6e7ea;
+    border-radius: 4px;
+    &-icon.anticon {
+      color: @primary-color;
+      font-size: 24px;
+    }
+    .ant-spin-text {
+      margin-top: @margin-xs;
+    }
+  }
+
+  &-upload-txt {
+    font-size: 16px;
+  }
+
+  .ant-modal-body {
+    padding-top: 8px !important;
+  }
+  &-footer {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+.exportList {
+  &-importModal {
+    &-content {
+    }
+    &-tip {
+      margin: 0px 0px 10px;
+      padding: 5px 0px 5px 15px;
+      background-color: #e7f3fe;
+      border: 1px solid #b8e4ff;
+      border-radius: 4px;
+      .icon {
+        margin: 0px 10px;
+        color: #165dff;
+      }
+    }
+    &-list {
+      height: 160px;
+      padding: 10px;
+      overflow-y: scroll;
+      border: 1px solid #e5e5e5;
+      border-radius: 4px;
+    }
+  }
+}

package/es/components/pageLoading/index.less

@@ -1,7 +1,7 @@
-.settings-page-loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
+.settings-page-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}

package/es/components/picCircleSelect/bak/index copy 2.tsx.bak

@@ -1,92 +1,92 @@
-import { Spin } from 'antd';
-import React, { useEffect, useState } from 'react';
-import './index.less';
-export const classPrefix = 'setting-pic-circle-select';
-const tools = [
-  {
-    name: 'arrow',
-    text: '添加箭头',
-    icon: 'icon-tianjiajiantou1',
-  },
-  {
-    name: 'text',
-    text: '添加文字',
-    icon: 'icon-tianjiawenzi1',
-  },
-];
-const PageLoading: React.FC = () => {
-  const [size, setSize] = useState({ width: 500, height: 500 });
-  const [currentTool, setCurrentTool] = useState<string>();
-
-  useEffect(() => {
-    init();
-  });
-
-  const init = () => {
-    loadImage('./images/zg_regist_top.png').then(() => {
-      this.initCanvas();
-      this.initCanvasEvent();
-      this.initEditors();
-    });
-  };
-
-  const loadImage = (img: string) => {
-    return new Promise((resolve) => {
-      // if (utils.isImageBase64(img)) {
-      const imgEle = document.createElement('img');
-      imgEle.src = img;
-      imgEle.onload = () => {
-        // this.imgWidth = imgEle.width
-        // this.imgHeight = imgEle.height
-        // let scale = 1
-        // if (!this.primitiveSize && this.imgWidth > this.width) {
-        //   scale = (this.width - 52) / this.imgWidth
-        //   this.imgWidth = scale * this.imgWidth
-        //   this.imgHeight = scale * this.imgHeight
-        // }
-        // this.imgObj = new fabric.Image(imgEle, {
-        //   left: 0,
-        //   top: 0,
-        //   selectable: false,
-        //   scaleX: scale,
-        //   scaleY: scale
-        // })
-        resolve();
-      };
-      // } else if (utils.isURL(img)) {
-      //   const that = this
-      //   fabric.Image.fromURL(img, function(imgObj) {
-      //     that.imgWidth = imgObj.width
-      //     that.imgHeight = imgObj.height
-      //     imgObj.set('selectable', false)
-      //     that.imgObj = imgObj
-      //     that.loading = false
-      //     resolve()
-      //   })
-      // }
-    });
-  };
-
-  const selectTool = (tool: string) => {
-    setCurrentTool(tool);
-  };
-  return (
-    <div style={size}>
-      <div className="img-container" style={size}>
-        <canvas id="c"></canvas>
-      </div>
-      <ul className="tool-bar">
-        <li>操作</li>
-        {tools.map((item, i) => {
-          return (
-            <li key={i} onClick={() => selectTool(item.name)}>
-              {item.text}
-            </li>
-          );
-        })}
-      </ul>
-    </div>
-  );
-};
-
-export default PageLoading;
+import { Spin } from 'antd';
+import React, { useEffect, useState } from 'react';
+import './index.less';
+export const classPrefix = 'setting-pic-circle-select';
+const tools = [
+  {
+    name: 'arrow',
+    text: '添加箭头',
+    icon: 'icon-tianjiajiantou1',
+  },
+  {
+    name: 'text',
+    text: '添加文字',
+    icon: 'icon-tianjiawenzi1',
+  },
+];
+const PageLoading: React.FC = () => {
+  const [size, setSize] = useState({ width: 500, height: 500 });
+  const [currentTool, setCurrentTool] = useState<string>();
+
+  useEffect(() => {
+    init();
+  });
+
+  const init = () => {
+    loadImage('./images/zg_regist_top.png').then(() => {
+      this.initCanvas();
+      this.initCanvasEvent();
+      this.initEditors();
+    });
+  };
+
+  const loadImage = (img: string) => {
+    return new Promise((resolve) => {
+      // if (utils.isImageBase64(img)) {
+      const imgEle = document.createElement('img');
+      imgEle.src = img;
+      imgEle.onload = () => {
+        // this.imgWidth = imgEle.width
+        // this.imgHeight = imgEle.height
+        // let scale = 1
+        // if (!this.primitiveSize && this.imgWidth > this.width) {
+        //   scale = (this.width - 52) / this.imgWidth
+        //   this.imgWidth = scale * this.imgWidth
+        //   this.imgHeight = scale * this.imgHeight
+        // }
+        // this.imgObj = new fabric.Image(imgEle, {
+        //   left: 0,
+        //   top: 0,
+        //   selectable: false,
+        //   scaleX: scale,
+        //   scaleY: scale
+        // })
+        resolve();
+      };
+      // } else if (utils.isURL(img)) {
+      //   const that = this
+      //   fabric.Image.fromURL(img, function(imgObj) {
+      //     that.imgWidth = imgObj.width
+      //     that.imgHeight = imgObj.height
+      //     imgObj.set('selectable', false)
+      //     that.imgObj = imgObj
+      //     that.loading = false
+      //     resolve()
+      //   })
+      // }
+    });
+  };
+
+  const selectTool = (tool: string) => {
+    setCurrentTool(tool);
+  };
+  return (
+    <div style={size}>
+      <div className="img-container" style={size}>
+        <canvas id="c"></canvas>
+      </div>
+      <ul className="tool-bar">
+        <li>操作</li>
+        {tools.map((item, i) => {
+          return (
+            <li key={i} onClick={() => selectTool(item.name)}>
+              {item.text}
+            </li>
+          );
+        })}
+      </ul>
+    </div>
+  );
+};
+
+export default PageLoading;