@chaomingd/design 0.0.68 → 0.0.69

package/dist/esm/Resizer/index.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -6,8 +7,10 @@ import { useResizer } from '@chaomingd/hooks';
 import classNames from 'classnames';
 import { memo, useRef, useState } from 'react';
 import "./index.less";
+import { CSS_PREFIX } from "../styles/var";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+var preCls = "".concat(CSS_PREFIX, "-resizer");
 var Resizer = function Resizer(_ref) {
   var children = _ref.children,
     resizerConfig = _ref.resizerConfig,
@@ -60,13 +63,11 @@ var Resizer = function Resizer(_ref) {
     style: _objectSpread(_objectSpread({}, style), {}, {
       transition: resizing ? 'none' : undefined
     }),
-    className: classNames('laf-resizer', className),
+    className: classNames(preCls, className),
     children: [/*#__PURE__*/_jsx("div", {
       ref: thumbRef,
-      style: _objectSpread(_objectSpread({}, thumbStyle || {}), {}, {
-        '--laf-resizer-thumb-color': thumbColor
-      }),
-      className: classNames('laf-resizer-thumb', thumbClassName, resizing && 'laf-resizer-thumb-resizing', "laf-resizer-thumb-direction-".concat(direction))
+      style: _objectSpread(_objectSpread({}, thumbStyle || {}), {}, _defineProperty({}, "--".concat(preCls, "-thumb-color"), thumbColor)),
+      className: classNames("".concat(preCls, "-thumb"), thumbClassName, resizing && "".concat(preCls, "-thumb-resizing"), "".concat(preCls, "-thumb-direction-").concat(direction))
     }), children]
   }));
 };

package/dist/esm/Resizer/index.less

@@ -1,4 +1,7 @@
-.laf-resizer {
+@import '../styles/var.less';
+
+@preCls: ~'@{prefix}-resizer';
+.@{preCls} {
   position: relative;
 
   &-thumb {
@@ -9,11 +12,11 @@
     user-select: none;
 
     &:hover {
-      background-color: var(--laf-resizer-thumb-color);
+      background-color: var(--cmd-resizer-thumb-color);
     }
 
     &-resizing {
-      background-color: var(--laf-resizer-thumb-color);
+      background-color: var(--cmd-resizer-thumb-color);
 
       &::after {
         display: block;

package/dist/esm/UploadFile/index.js

@@ -8,6 +8,7 @@ import { CloseSvg, DeleteSvg, RarSvg, ZipSvg, TxtSvg, PdfSvg, DocSvg } from "./c
 import { useUploadModel } from "./hooks/useUploadModel";
 import { getExt } from "./utils/getExt";
 import { isImage } from "./utils/isImage";
+import { CSS_PREFIX } from "../styles/var";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var EXT_SVG = {
@@ -18,7 +19,7 @@ var EXT_SVG = {
   doc: DocSvg,
   docx: DocSvg
 };
-var preCls = '@chaomingd/upload-file';
+var preCls = "".concat(CSS_PREFIX, "-upload-file");
 var TextBtn = function TextBtn(_ref) {
   var children = _ref.children,
     onClick = _ref.onClick;

package/dist/esm/UploadFile/index.less

@@ -249,6 +249,7 @@
     height: 66px;
     border: 1px solid @upload-file-border-color;
     border-radius: 4px;
+    overflow: hidden;
 
     img {
       display: block;

package/dist/esm/styles/var.d.ts

@@ -1 +1 @@
-export declare const CSS_PREFIX = "cm";
+export declare const CSS_PREFIX = "cmd";

package/dist/esm/styles/var.js

@@ -1 +1 @@
-export var CSS_PREFIX = 'cm';
+export var CSS_PREFIX = 'cmd';

package/dist/esm/styles/var.less

@@ -1,2 +1,2 @@
 
-@prefix: cm;
+@prefix: cmd;

package/dist/lib/Resizer/index.js

@@ -9,7 +9,9 @@ var _hooks = require("@chaomingd/hooks");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 require("./index.less");
+var _var = require("../styles/var");
 var _jsxRuntime = require("react/jsx-runtime");
+const preCls = `${_var.CSS_PREFIX}-resizer`;
 const Resizer = ({
   children,
   resizerConfig,
@@ -61,14 +63,14 @@ const Resizer = ({
       ...style,
       transition: resizing ? 'none' : undefined
     },
-    className: (0, _classnames.default)('laf-resizer', className),
+    className: (0, _classnames.default)(preCls, className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: thumbRef,
       style: {
         ...(thumbStyle || {}),
-        '--laf-resizer-thumb-color': thumbColor
+        [`--${preCls}-thumb-color`]: thumbColor
       },
-      className: (0, _classnames.default)('laf-resizer-thumb', thumbClassName, resizing && 'laf-resizer-thumb-resizing', `laf-resizer-thumb-direction-${direction}`)
+      className: (0, _classnames.default)(`${preCls}-thumb`, thumbClassName, resizing && `${preCls}-thumb-resizing`, `${preCls}-thumb-direction-${direction}`)
     }), children]
   });
 };

package/dist/lib/Resizer/index.less

@@ -1,4 +1,7 @@
-.laf-resizer {
+@import '../styles/var.less';
+
+@preCls: ~'@{prefix}-resizer';
+.@{preCls} {
   position: relative;
 
   &-thumb {
@@ -9,11 +12,11 @@
     user-select: none;
 
     &:hover {
-      background-color: var(--laf-resizer-thumb-color);
+      background-color: var(--cmd-resizer-thumb-color);
     }
 
     &-resizing {
-      background-color: var(--laf-resizer-thumb-color);
+      background-color: var(--cmd-resizer-thumb-color);
 
       &::after {
         display: block;

package/dist/lib/UploadFile/index.js

@@ -16,6 +16,7 @@ var _SvgIcons = require("./components/SvgIcons");
 var _useUploadModel = require("./hooks/useUploadModel");
 var _getExt = require("./utils/getExt");
 var _isImage = require("./utils/isImage");
+var _var = require("../styles/var");
 var _jsxRuntime = require("react/jsx-runtime");
 const EXT_SVG = {
   zip: _SvgIcons.ZipSvg,
@@ -25,7 +26,7 @@ const EXT_SVG = {
   doc: _SvgIcons.DocSvg,
   docx: _SvgIcons.DocSvg
 };
-const preCls = '@chaomingd/upload-file';
+const preCls = `${_var.CSS_PREFIX}-upload-file`;
 const TextBtn = ({
   children,
   onClick

package/dist/lib/UploadFile/index.less

@@ -249,6 +249,7 @@
     height: 66px;
     border: 1px solid @upload-file-border-color;
     border-radius: 4px;
+    overflow: hidden;
 
     img {
       display: block;

package/dist/lib/styles/var.d.ts

@@ -1 +1 @@
-export declare const CSS_PREFIX = "cm";
+export declare const CSS_PREFIX = "cmd";

package/dist/lib/styles/var.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CSS_PREFIX = void 0;
-const CSS_PREFIX = exports.CSS_PREFIX = 'cm';
+const CSS_PREFIX = exports.CSS_PREFIX = 'cmd';

package/dist/lib/styles/var.less

@@ -1,2 +1,2 @@
 
-@prefix: cm;
+@prefix: cmd;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chaomingd/design",
-  "version": "0.0.68",
+  "version": "0.0.69",
   "description": "react design for laf",
   "keywords": [],
   "license": "MIT",
@@ -39,8 +39,8 @@
     "path-to-regexp": "^8.2.0",
     "rc-upload": "^4.3.4",
     "@chaomingd/store": "2.0.7",
-    "@chaomingd/hooks": "0.0.34",
-    "@chaomingd/utils": "0.0.17"
+    "@chaomingd/utils": "0.0.17",
+    "@chaomingd/hooks": "0.0.34"
   },
   "publishConfig": {
     "access": "public",