@hw-component/form 0.0.2 → 0.0.3

package/es/Select/components/AllSelect.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { HSelectProps } from "@/components/Select/modal";
+import "../index.less";
 interface IProps extends HSelectProps {
     checked?: boolean;
 }

package/es/Select/components/AllSelect.js

@@ -1,8 +1,8 @@
 // welcome to ww-building-blocks-tmp
 import React from 'react';
 import { Space, Checkbox } from 'antd';
-import styles from '../index.less.js';
 import { itemOpProvider } from '../utils.js';
+import { useClassName } from '../../hooks/useClassName.js';
 
 var AllSelect = (function (_ref) {
   var allSelect = _ref.allSelect,
@@ -17,6 +17,7 @@ var AllSelect = (function (_ref) {
   }
   var opLen = (options === null || options === void 0 ? void 0 : options.length) || 0;
   var checked = (value === null || value === void 0 ? void 0 : value.length) >= opLen;
+  var optionsClassName = useClassName("option");
   var change = function change() {
     if (!checked) {
       var subItemOps = itemOpProvider(options, fieldNames);
@@ -26,7 +27,7 @@ var AllSelect = (function (_ref) {
     onChange === null || onChange === void 0 ? void 0 : onChange([], []);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "ant-select-item ant-select-item-option ".concat(styles.option),
+    className: "ant-select-item ant-select-item-option ".concat(optionsClassName),
     onClick: change
   }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Checkbox, {
     checked: checked

package/es/config.d.ts

@@ -11,4 +11,5 @@ export declare const baseConfig: {
         checked: boolean;
         noChecked: boolean;
     };
+    prefixCls: string;
 };

package/es/config.js

@@ -11,7 +11,8 @@ var baseConfig = {
   defaultValueSwitchMap: {
     checked: true,
     noChecked: false
-  }
+  },
+  prefixCls: "hw"
 };
 
 export { baseConfig };

package/es/hooks/useClassName.d.ts

@@ -0,0 +1 @@
+export declare const useClassName: (className: string) => string;

package/es/hooks/useClassName.js

@@ -0,0 +1,14 @@
+// welcome to ww-building-blocks-tmp
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js/instance/concat';
+import { useMemo } from 'react';
+import { baseConfig } from '../config.js';
+
+var useClassName = function useClassName(className) {
+  return useMemo(function () {
+    var _context;
+    return _concatInstanceProperty(_context = "".concat(baseConfig.prefixCls, "-")).call(_context, className);
+  }, [className]);
+};
+
+export { useClassName };
+// powered by ww

package/es/index.css

@@ -1,3 +1,3 @@
-.option:hover {
+.hw-option:hover {
   background-color: #f5f5f5;
 }

package/lib/Select/components/AllSelect.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { HSelectProps } from "@/components/Select/modal";
+import "../index.less";
 interface IProps extends HSelectProps {
     checked?: boolean;
 }

package/lib/Select/components/AllSelect.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var antd = require('antd');
-var index = require('../index.less.js');
 var utils = require('../utils.js');
+var useClassName = require('../../hooks/useClassName.js');
 
 var AllSelect = (function (_ref) {
   var allSelect = _ref.allSelect,
@@ -20,6 +20,7 @@ var AllSelect = (function (_ref) {
   }
   var opLen = (options === null || options === void 0 ? void 0 : options.length) || 0;
   var checked = (value === null || value === void 0 ? void 0 : value.length) >= opLen;
+  var optionsClassName = useClassName.useClassName("option");
   var change = function change() {
     if (!checked) {
       var subItemOps = utils.itemOpProvider(options, fieldNames);
@@ -29,7 +30,7 @@ var AllSelect = (function (_ref) {
     onChange === null || onChange === void 0 ? void 0 : onChange([], []);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "ant-select-item ant-select-item-option ".concat(index.default.option),
+    className: "ant-select-item ant-select-item-option ".concat(optionsClassName),
     onClick: change
   }, /*#__PURE__*/React.createElement(antd.Space, null, /*#__PURE__*/React.createElement(antd.Checkbox, {
     checked: checked

package/lib/config.d.ts

@@ -11,4 +11,5 @@ export declare const baseConfig: {
         checked: boolean;
         noChecked: boolean;
     };
+    prefixCls: string;
 };

package/lib/config.js

@@ -12,7 +12,8 @@ var baseConfig = {
   defaultValueSwitchMap: {
     checked: true,
     noChecked: false
-  }
+  },
+  prefixCls: "hw"
 };
 
 exports.baseConfig = baseConfig;

package/lib/hooks/useClassName.d.ts

@@ -0,0 +1 @@
+export declare const useClassName: (className: string) => string;

package/lib/hooks/useClassName.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
+var React = require('react');
+var config = require('../config.js');
+
+var useClassName = function useClassName(className) {
+  return React.useMemo(function () {
+    var _context;
+    return _concatInstanceProperty(_context = "".concat(config.baseConfig.prefixCls, "-")).call(_context, className);
+  }, [className]);
+};
+
+exports.useClassName = useClassName;
+// powered by h

package/lib/index.css

@@ -1,3 +1,3 @@
-.option:hover {
+.hw-option:hover {
   background-color: #f5f5f5;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -66,7 +66,7 @@
     "postcss-less": "^6.0.0",
     "rollup": "^3.23.0",
     "rollup-plugin-clear": "^2.0.7",
-    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-postcss": "4.0.0",
     "rollup-plugin-typescript2": "^0.34.1",
     "style-loader": "^3.3.3",
     "stylelint": "13.13.1",

package/scripts/rollup.config.js

@@ -4,11 +4,11 @@ const { nodeResolve } = require("@rollup/plugin-node-resolve");
 const { babel } = require("@rollup/plugin-babel");
 const commonjs = require("@rollup/plugin-commonjs");
 const typescript = require("rollup-plugin-typescript2");
-const postcss = require("rollup-plugin-postcss");
 const autoprefixer = require("autoprefixer");
 const inject = require("@rollup/plugin-inject");
 const url = require("@rollup/plugin-url");
 const pkg = require("../package.json");
+const postcss=require("rollup-plugin-postcss");
 const prefix = pkg.cssPrefix;
 const input = path.resolve(__dirname, "../src/components/index.tsx");
 const outDir = path.resolve(__dirname, "../lib");
@@ -43,9 +43,6 @@ module.exports = {
     }),
     postcss({
       extract: "index.css",
-      modules: {
-        generateScopedName: `${prefix}_[local]`,
-      },
       plugins: [
         autoprefixer({
           overrideBrowserslist: [

package/src/components/Select/components/AllSelect.tsx

@@ -1,7 +1,8 @@
 import type { HSelectProps } from "@/components/Select/modal";
 import { Checkbox, Space } from "antd";
-import styles from "../index.less";
+import "../index.less"
 import { itemOpProvider } from "../utils";
+import {useClassName} from "@/components/hooks/useClassName";
 interface IProps extends HSelectProps {
   checked?: boolean;
 }
@@ -19,6 +20,7 @@ export default ({
   }
   const opLen = options?.length || 0;
   const checked = (value as any[])?.length >= opLen;
+  const optionsClassName=useClassName("option");
   const change = () => {
     if (!checked) {
       const subItemOps = itemOpProvider(options, fieldNames);
@@ -29,7 +31,7 @@ export default ({
   };
   return (
     <div
-      className={`ant-select-item ant-select-item-option ${styles.option}`}
+      className={`ant-select-item ant-select-item-option ${optionsClassName}`}
       onClick={change}
     >
       <Space>

package/src/components/Select/index.less

@@ -1,4 +1,5 @@
-.option {
+@import url("../config.less");
+.@{hw-prefix}-option {
   &:hover {
     background-color: #f5f5f5;
   }

package/src/components/config.less

@@ -0,0 +1 @@
+@hw-prefix: hw;

package/src/components/config.ts

@@ -11,4 +11,5 @@ export const baseConfig = {
     checked: true,
     noChecked: false,
   },
+  prefixCls:"hw"
 };

package/src/components/hooks/useClassName.ts

@@ -0,0 +1,8 @@
+import {useMemo} from "react";
+import {baseConfig} from "@/components/config";
+
+export const useClassName=(className:string)=>{
+    return useMemo(()=>{
+          return `${baseConfig.prefixCls}-${className}`
+    },[className])
+}

package/es/Select/index.less.js

@@ -1,5 +0,0 @@
-// welcome to ww-building-blocks-tmp
-var styles = undefined;
-
-export { styles as default };
-// powered by ww

package/lib/Select/index.less.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styles = undefined;
-
-exports.default = styles;
-// powered by h