@cloud-app-dev/vidc 3.2.16 → 3.2.18

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/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.less

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

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/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/Drag/index.d.ts

@@ -1,7 +1,9 @@
-import DragAndDropItem from './DragAndDropItem';
-import DropItem from './DropItem';
-declare const Drag: {
-    DragAndDropItem: typeof DragAndDropItem;
-    DropItem: typeof DropItem;
-};
-export default Drag;
+import React from 'react';
+import { IDragAndDropItemProps, IDropItemProps } from './interface';
+
+interface IDragInterface<T> {
+  DragAndDropItemProps: React.FC<IDragAndDropItemProps<T>>;
+  DropItem: React.FC<IDropItemProps<T>>;
+}
+
+export default IDragInterface;

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.js

@@ -58,7 +58,7 @@ var App = function App() {
     },
     children: /*#__PURE__*/_jsx(GridList, {
       itemKey: "url",
-      itemHeight: 300,
+      itemHeight: 400,
       itemWidth: 250,
       renderItem: function renderItem(image) {
         return /*#__PURE__*/_jsxs("div", {

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/FullScreen/index.less

@@ -1,13 +1,15 @@
 .tools-screen-layer {
-  flex: 1;
-  align-self: center;
-  text-align: center;
-  font-size: var(--fs-small);
   position: relative;
+  font-size: var(--fs-small);
+  text-align: center;
   cursor: pointer;
+  flex: 1;
+  align-self: center;
+
   .anticon {
     padding-right: 5px;
   }
+
   .defualt-fullscreen-icon {
     position: relative;
     top: 1px;

package/es/GridList/Demo.js

@@ -15,7 +15,7 @@ import data from "./data";
 import GridList from "./index";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ITEM_WIDTH = 300;
+var ITEM_WIDTH = 250;
 
 function getGridGap(elementWidth, windowHeight) {
   if (elementWidth > 720 && windowHeight > 480) {
@@ -26,7 +26,7 @@ function getGridGap(elementWidth, windowHeight) {
 }
 
 function getColumnCount(elementWidth, gridGap) {
-  return Math.floor((elementWidth + gridGap) / (ITEM_WIDTH + gridGap));
+  return Math.floor(elementWidth / (ITEM_WIDTH + gridGap));
 }
 
 function getWindowMargin(windowHeight) {

package/es/GridList/index.js

@@ -33,7 +33,8 @@ var GridList = /*#__PURE__*/React.forwardRef(function GridList(props, ref) {
           return /*#__PURE__*/_jsx("div", {
             style: {
               height: cell.height,
-              maxWidth: cell.width,
+              // maxWidth: cell.width,
+              width: '100%',
               gridColumnStart: "".concat(cell.columnNumber),
               gridRowStart: getGridRowStart(cell, renderData)
             },

package/es/GridList/index.less

@@ -1,8 +1,8 @@
 .cloudapp-grid-list {
   width: 100%;
   height: 100%;
-  overflow: auto;
   padding: 20px;
+  overflow: auto;
   contain: strict;
   box-sizing: border-box;
 }