@zgfe/modules-settings 1.2.51-zhongyuan.1 → 1.2.51-zhongyuan.7

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/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;

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

@@ -1,58 +1,58 @@
-import React, { useRef, useEffect } from 'react';
-
-const RectangleDrawer = () => {
-  const canvasRef = useRef(null);
-  let isDrawing = false;
-  let startX, startY, stopX, stopY;
-  let drawingSurfaceImageData = null;
-
-  const saveData = () => {
-    const canvas = canvasRef.current;
-    const context = canvas.getContext('2d');
-    drawingSurfaceImageData = context.getImageData(0, 0, 400, 400);
-    context.putImageData(drawingSurfaceImageData, 0, 0);
-    // restoreData()
-  };
-  const restoreData = () => {
-    const canvas = canvasRef.current;
-    const context = canvas.getContext('2d');
-    console.log('drawingSurfaceImageData', drawingSurfaceImageData);
-  };
-
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    const context = canvas.getContext('2d');
-
-    canvas.addEventListener('mousedown', (e) => {
-      isDrawing = true;
-      startX = e.offsetX;
-      startY = e.offsetY;
-      // drawingSurfaceImageData && restoreData()
-      saveData();
-    });
-
-    canvas.addEventListener('mousemove', (e) => {
-      if (isDrawing) {
-        restoreData();
-        stopX = e.offsetX;
-        stopY = e.offsetY;
-        context.clearRect(0, 0, canvas.width, canvas.height);
-        context.putImageData(drawingSurfaceImageData, 0, 0);
-        context.strokeRect(startX, startY, stopX - startX, stopY - startY);
-      }
-    });
-
-    canvas.addEventListener('mouseup', () => {
-      isDrawing = false;
-      saveData();
-    });
-
-    canvas.addEventListener('mouseleave', () => {
-      isDrawing = false;
-    });
-  }, []);
-
-  return <canvas ref={canvasRef} width={400} height={400} style={{ border: '1px solid #000' }} />;
-};
-
-export default RectangleDrawer;
+import React, { useRef, useEffect } from 'react';
+
+const RectangleDrawer = () => {
+  const canvasRef = useRef(null);
+  let isDrawing = false;
+  let startX, startY, stopX, stopY;
+  let drawingSurfaceImageData = null;
+
+  const saveData = () => {
+    const canvas = canvasRef.current;
+    const context = canvas.getContext('2d');
+    drawingSurfaceImageData = context.getImageData(0, 0, 400, 400);
+    context.putImageData(drawingSurfaceImageData, 0, 0);
+    // restoreData()
+  };
+  const restoreData = () => {
+    const canvas = canvasRef.current;
+    const context = canvas.getContext('2d');
+    console.log('drawingSurfaceImageData', drawingSurfaceImageData);
+  };
+
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    const context = canvas.getContext('2d');
+
+    canvas.addEventListener('mousedown', (e) => {
+      isDrawing = true;
+      startX = e.offsetX;
+      startY = e.offsetY;
+      // drawingSurfaceImageData && restoreData()
+      saveData();
+    });
+
+    canvas.addEventListener('mousemove', (e) => {
+      if (isDrawing) {
+        restoreData();
+        stopX = e.offsetX;
+        stopY = e.offsetY;
+        context.clearRect(0, 0, canvas.width, canvas.height);
+        context.putImageData(drawingSurfaceImageData, 0, 0);
+        context.strokeRect(startX, startY, stopX - startX, stopY - startY);
+      }
+    });
+
+    canvas.addEventListener('mouseup', () => {
+      isDrawing = false;
+      saveData();
+    });
+
+    canvas.addEventListener('mouseleave', () => {
+      isDrawing = false;
+    });
+  }, []);
+
+  return <canvas ref={canvasRef} width={400} height={400} style={{ border: '1px solid #000' }} />;
+};
+
+export default RectangleDrawer;