@cloud-app-dev/vidc 3.2.17 → 3.2.19

package/.prettierrc.js

@@ -1,7 +1,7 @@
 module.exports = {
   pluginSearchDirs: false,
   plugins: [require.resolve('prettier-plugin-organize-imports'), require.resolve('prettier-plugin-packagejson')],
-  printWidth: 140,
+  printWidth: 180,
   proseWrap: 'never',
   singleQuote: true,
   trailingComma: 'all',

package/.stylelintrc.js

@@ -0,0 +1,113 @@
+// .stylelintrc.js
+module.exports = {
+  processors: [],
+  plugins: ['stylelint-order'],
+  extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
+  rules: {
+    'selector-class-pattern': [
+      // 命名规范 -
+      '^([a-z][a-z0-9]*)(-[a-z0-9]+)*$',
+      {
+        message: 'Expected class selector to be kebab-case',
+        severity: 'warning',
+      },
+    ],
+    'string-quotes': 'single', // 单引号
+    'at-rule-empty-line-before': null,
+    'at-rule-no-unknown': null,
+    'at-rule-name-case': 'lower', // 指定@规则名的大小写
+    'length-zero-no-unit': true, // 禁止零长度的单位（可自动修复）
+    'shorthand-property-no-redundant-values': true, // 简写属性
+    'number-leading-zero': 'never', // 小数不带0
+    'declaration-block-no-duplicate-properties': true, // 禁止声明快重复属性
+    'no-descending-specificity': [true, { severity: 'warning' }], // 禁止在具有较高优先级的选择器后出现被其覆盖的较低优先级的选择器。
+    'no-duplicate-selectors': [true, { severity: 'warning' }], // 选择器内部重复
+    'selector-max-id': 1, // 限制一个选择器中 ID 选择器的数量
+    'max-nesting-depth': 10, // 选择器层级
+    indentation: [
+      2,
+      {
+        // 指定缩进  warning 提醒
+        severity: 'warning',
+      },
+    ],
+    'order/properties-order': [
+      // 规则顺序
+      'position',
+      'top',
+      'right',
+      'bottom',
+      'left',
+      'z-index',
+      'display',
+      'float',
+      'width',
+      'height',
+      'max-width',
+      'max-height',
+      'min-width',
+      'min-height',
+      'padding',
+      'padding-top',
+      'padding-right',
+      'padding-bottom',
+      'padding-left',
+      'margin',
+      'margin-top',
+      'margin-right',
+      'margin-bottom',
+      'margin-left',
+      'margin-collapse',
+      'margin-top-collapse',
+      'margin-right-collapse',
+      'margin-bottom-collapse',
+      'margin-left-collapse',
+      'overflow',
+      'overflow-x',
+      'overflow-y',
+      'clip',
+      'clear',
+      'font',
+      'font-family',
+      'font-size',
+      'font-smoothing',
+      'osx-font-smoothing',
+      'font-style',
+      'font-weight',
+      'line-height',
+      'letter-spacing',
+      'word-spacing',
+      'color',
+      'text-align',
+      'text-decoration',
+      'text-indent',
+      'text-overflow',
+      'text-rendering',
+      'text-size-adjust',
+      'text-shadow',
+      'text-transform',
+      'word-break',
+      'word-wrap',
+      'white-space',
+      'vertical-align',
+      'list-style',
+      'list-style-type',
+      'list-style-position',
+      'list-style-image',
+      'pointer-events',
+      'cursor',
+      'background',
+      'background-color',
+      'border',
+      'border-radius',
+      'content',
+      'outline',
+      'outline-offset',
+      'opacity',
+      'filter',
+      'visibility',
+      'size',
+      'transform',
+    ],
+  },
+};

package/es/AppContext/Sync.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppContextInterface, AppStoreType } from './interface';
 interface ISyncProps {
     stateChange: (options: AppContextInterface) => void;

package/es/AppContext/index.js

@@ -20,10 +20,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+import { isEmpty } from 'lodash-es';
 import React, { useCallback, useMemo, useState } from 'react';
-import Sync from "./Sync";
 import * as Static from "./static";
-import { isEmpty } from 'lodash-es';
+import Sync from "./Sync";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var _USER_SESSION_ = Static._USER_SESSION_,
@@ -177,8 +177,7 @@ function Provider(_ref) {
       storeChange: storeChange
     })]
   });
-} // eslint-disable-next-line import/no-anonymous-default-export
-
+}
 
 export default {
   Provider: Provider,

package/es/Box/InfoBox/index.less

@@ -1,19 +1,21 @@
 .info-box-layout {
+  display: flex;
   width: 100%;
   margin-bottom: 20px;
-  display: flex;
   flex-direction: column;
+
   .info-box-title-wrapper {
-    background-color: var(--gray2);
-    border: 1px solid var(--gray3);
-    border-bottom: none;
+    display: flex;
     height: 3em;
     min-height: max-content;
-    display: flex;
-    align-items: center;
     padding: 0 10px;
     font-weight: 700;
+    background-color: var(--gray2);
+    border: 1px solid var(--gray3);
+    border-bottom: none;
+    align-items: center;
   }
+
   .info-box-content-wrapper {
     background-color: var(--gray1);
     border: 1px solid var(--gray3);

package/es/Box/TwoColumnBox/index.less

@@ -1,70 +1,80 @@
 .two-column-layout-container {
+  position: relative;
   width: 100%;
   height: 100%;
-  position: relative;
   color: var(--color1);
+
   .two-column-aside {
-    transition: width 0.1s ease-in;
-    width: 30%;
-    height: 100%;
-    z-index: 9;
     position: absolute;
-    left: 0;
     top: 0;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    left: 0;
+    z-index: 9;
+    width: 30%;
+    height: 100%;
+    transition: width .1s ease-in;
+    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
+
     .two-colum-left-wrapper {
       width: 100%;
       height: 100%;
       overflow: hidden;
     }
+
     .two-colum-left-content {
       width: 100%;
       height: 100%;
       background-color: var(--gray1);
     }
+
     .left-aside-slider-btn {
       position: absolute;
+      top: 50%;
+      right: -8px;
+      z-index: 9;
       width: 8px;
       height: 20px;
-      right: -8px;
-      top: 50%;
       margin-top: -8px;
       font-size: var(--fs-large);
-      background-color: var(--gray5);
       cursor: pointer;
-      z-index: 9;
-      &:before,
-      &:after {
-        content: '';
+      background-color: var(--gray5);
+
+      &::before,
+      &::after {
+        position: absolute;
+        z-index: 2;
         width: 1px;
         height: 16px;
-        z-index: 2;
         background-color: var(--gray1);
-        position: absolute;
+        content: '';
       }
-      &:before {
-        left: 2px;
+
+      &::before {
         bottom: 2px;
+        left: 2px;
       }
-      &:after {
-        right: 2px;
+
+      &::after {
         top: 2px;
+        right: 2px;
       }
     }
+
     &.hide-left-aside {
       width: 0;
+
       & + .two-column-content {
         padding-left: 0;
       }
     }
   }
+
   .two-column-content {
     width: 100%;
     height: 100%;
-    overflow: hidden;
     padding-left: 30%;
+    overflow: hidden;
     background-color: var(--gray2);
-    transition: padding-left 0.3s ease-in-out;
+    transition: padding-left .3s ease-in-out;
     box-sizing: border-box;
   }
 }

package/es/Box/index.d.ts

@@ -7,8 +7,8 @@ export interface ContentBoxProps {
 }
 declare function Box({ className, contentGrid, children }: ContentBoxProps): JSX.Element;
 declare namespace Box {
-    var TwoColumnBox: typeof import("./TwoColumnBox").default;
-    var InfoBox: typeof import("./InfoBox").default;
-    var BetweenBox: typeof import("./BetweenBox").default;
+    var TwoColumnBox: any;
+    var InfoBox: any;
+    var BetweenBox: any;
 }
 export default Box;

package/es/Box/index.less

@@ -4,7 +4,7 @@
   background-color: var(--gray1);
 
   .single-column-content {
-    margin: 0 auto;
     height: 100%;
+    margin: 0 auto;
   }
 }

package/es/CheckGroupFixed/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const App: () => JSX.Element;
 export default App;

package/es/CheckGroupFixed/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export interface SourceDictType {
     value?: string | number;

package/es/CheckGroupFixed/index.less

@@ -1,50 +1,53 @@
 .c-check-group-layout {
   position: relative;
+
   .c-check-group-box {
-    padding: 10px;
     display: flex;
+    padding: 10px;
   }
+
   .check-label-box {
     width: 80px;
     color: #999;
   }
+
   .check-content-box {
     width: 100%;
-    flex: 1;
-    overflow: hidden;
     height: 30px;
+    overflow: hidden;
+    flex: 1;
     .@{ant-prefix}-checkbox-group {
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
-      grid-row-gap: 10px;
-      grid-column-gap: 10px;
+      grid-gap: 10px;
       .@{ant-prefix}-checkbox-wrapper {
+        display: flex;
         width: 120px;
-        margin-left: 0;
         height: 30px;
-        display: flex;
+        margin-left: 0;
         > span:not(.@{ant-prefix}-checkbox) {
-          flex: 1;
-          overflow: hidden;
-          white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
+          white-space: nowrap;
+          flex: 1;
         }
       }
     }
   }
+
   .sider-mask {
     position: fixed;
+    top: 0;
+    left: 0;
     z-index: 98;
     width: 100%;
     height: 100%;
-    left: 0;
-    top: 0;
   }
+
   .slice-btn {
-    color: var(--primary);
-    cursor: pointer;
     position: relative;
     top: 4px;
+    color: var(--primary);
+    cursor: pointer;
   }
 }

package/es/CustomRenderSelect/index.less

@@ -1,22 +1,22 @@
 .custom-render-select {
-  display: inline-block;
   position: relative;
+  display: inline-block;
   width: max-content;
   overflow: hidden;
+
   .custom-render-box {
-    display: inline-block;
     position: relative;
     z-index: 22;
-    &:hover{
-      
-    }
+    display: inline-block;
+
+   
   }
   .@{ant-prefix}-select{
     position: absolute;
+    top:50%;
+    left: 50%;
     width: max-content;
     height: 100%;
-    left: 50%;
-    top:50%;
     opacity: 0;
     transform: translate(-50%,-50%);
     

package/es/DisableMark/index.less

@@ -1,9 +1,9 @@
 .disable-mark {
   position: absolute;
-  cursor: not-allowed;
-  width: 100%;
-  height: 100%;
   top: 0;
   left: 0;
   z-index: 999;
+  width: 100%;
+  height: 100%;
+  cursor: not-allowed;
 }

package/es/DomMove/demo.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function App(): JSX.Element;

package/es/DomMove/index.js

@@ -9,7 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React, { useEffect, useImperativeHandle, useRef } from 'react';
-import { getPosition, getMouseXY } from "./utils";
+import { getMouseXY, getPosition } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 
 function DomMove(_ref) {
@@ -123,8 +123,8 @@ function DomMove(_ref) {
   });
 
   var _ref3 = onDrag ? {
-    x: position.x,
-    y: position.y
+    x: position === null || position === void 0 ? void 0 : position.x,
+    y: position === null || position === void 0 ? void 0 : position.y
   } : {
     x: ref.current.position.x,
     y: ref.current.position.y
@@ -137,8 +137,8 @@ function DomMove(_ref) {
     className: "drag-move-Content ".concat(className),
     style: {
       transform: "translate(".concat(x, "px,").concat(y, "px)"),
-      width: size.width,
-      height: size.height
+      width: size === null || size === void 0 ? void 0 : size.width,
+      height: size === null || size === void 0 ? void 0 : size.height
     },
     children: children
   });

package/es/Drag/DragAndDropItem.js

@@ -18,8 +18,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState, useCallback } from 'react';
-import { useRef, useMemo } from 'react';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
 
 function DragAndDropItem(_ref) {
   var children = _ref.children,

package/es/Drag/DropItem.js

@@ -16,8 +16,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState, useCallback } from 'react';
-import { useRef } from 'react';
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+import React, { useCallback, useRef, useState } from 'react';
 
 function DropItem(_ref) {
   var children = _ref.children,

package/es/Drawer/Footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFooterProps } from './interface';
 import './index.less';
 declare function Footer({ onClose, cancelText, okText, onOk }: IFooterProps): JSX.Element;

package/es/Drawer/index.d.ts

@@ -1,5 +1,5 @@
-import { IDrawerProps } from './interface';
 import React from 'react';
+import { IDrawerProps } from './interface';
 import './index.less';
 declare function Drawer({ style, getContainer, onClose, className, onOk, cancelText, okText, children, ...props }: IDrawerProps): JSX.Element;
 declare namespace Drawer {

package/es/Drawer/index.js

@@ -26,12 +26,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-import Footer from "./Footer";
 import React, { useContext, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import * as ReactDOMClient from 'react-dom/client';
-import CC from "../ConfigContext";
+import { default as CC, default as ConfigContext } from "../ConfigContext";
+import Footer from "./Footer";
 import "./index.less";
-import ConfigContext from "../ConfigContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 
 function Drawer(_ref) {
@@ -99,6 +98,23 @@ function useDrawer() {
       onRecoverableError: console.error
     });
   }, []);
+
+  var open = function open(options) {
+    setState(function (old) {
+      return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
+        visible: true
+      });
+    });
+  };
+
+  var close = function close() {
+    setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        visible: false
+      });
+    });
+  };
+
   useEffect(function () {
     container.appendChild(div);
     return function () {
@@ -126,23 +142,6 @@ function useDrawer() {
       })
     }));
   }, [state.content, state.visible, state.title, state.onOk, state.width, state.className]);
-
-  var open = function open(options) {
-    setState(function (old) {
-      return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
-        visible: true
-      });
-    });
-  };
-
-  var close = function close() {
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        visible: false
-      });
-    });
-  };
-
   return {
     open: open,
     close: close

package/es/Drawer/index.less

@@ -5,36 +5,36 @@
     height: 100%;
   }
   .@{ant-prefix}-drawer-header {
+    position: relative;
     display: flex;
-    justify-content: space-between;
-    align-items: center;
+    height: var(--drawer-title-height);
     padding: 0 24px;
     color: inherit;
-    height: var(--drawer-title-height);
     background-color: var(--drawer-title-bg);
+    justify-content: space-between;
+    align-items: center;
     border-bottom-color: var(--drawer-divider-color);
-    position: relative;
     .@{ant-prefix}-drawer-title {
-      color: inherit;
       font-size: var(--fs-large);
       line-height: 2em;
+      color: inherit;
     }
     .@{ant-prefix}-drawer-close {
-      padding: 0;
       position: absolute;
       right: 0;
+      padding: 0;
       color: inherit;
     }
   }
   .@{ant-prefix}-drawer-body {
+    overflow: auto;
     background: var(--drawer-content-bg);
     flex: 1;
-    overflow: auto;
   }
   .@{ant-prefix}-drawer-footer {
     height: var(--drawer-footer-height);
-    overflow: hidden;
     padding: 0 24px;
+    overflow: hidden;
     line-height: var(--drawer-footer-height);
     background: var(--drawer-footer-bg);
     border-top-color: var(--drawer-divider-color);

package/es/Drawer/interface.d.ts

@@ -1,9 +1,10 @@
 import type { DrawerProps } from 'antd';
+import React from 'react';
 
 export interface IDrawerProps extends DrawerProps {
   cancelText?: string;
 
-  onOk?: (e: any) => void;
+  onOk?: (e: React.MouseEvent) => void;
 
   /**
    * @description 确认按钮文本
@@ -14,8 +15,8 @@ export interface IDrawerProps extends DrawerProps {
 }
 
 export interface IFooterProps {
-  onClose: (e: any) => void;
+  onClose: (e: React.MouseEvent) => void;
   cancelText: string;
   okText: string;
-  onOk: (e: any) => void;
+  onOk: (e: React.MouseEvent) => void;
 }

package/es/DynamicGridList/Demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const App: () => JSX.Element;
 export default App;

package/es/DynamicList/demo.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function (): JSX.Element;

package/es/DynamicList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TData } from '../useInfiniteScroll';
 import './index.less';
 export interface IDynamicListProps<T> {

package/es/DynamicList/index.less

@@ -4,9 +4,11 @@
   width: 100%;
   height: 100%;
   border: 1px solid var(--gray2);
+
   .dynamic-list-item {
     padding: 0 10px;
   }
+
   .l-c-dynamic-box {
     flex: 1;
     overflow: auto;

package/es/ErrorFallback/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ErrorBoundaryProps } from './inerface';
 interface IErrorFallbackProps {
     error: Error;

package/es/FullScreen/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface IFullScrenProps {
     /**