@hw-component/form 0.0.3 → 0.0.5

package/es/DatePicker/RangePicker.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IRangePickerProps } from "@/components/DatePicker/modal";
+import type { IRangePickerProps } from "@/components/DatePicker/modal";
 declare const _default: ({ value, onChange, showTime, ...props }: IRangePickerProps) => JSX.Element;
 export default _default;

package/es/DatePicker/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IDatePickerProps } from "@/components/DatePicker/modal";
+import type { IDatePickerProps } from "@/components/DatePicker/modal";
 declare const _default: ({ value, onChange, showTime, format, ...props }: IDatePickerProps) => JSX.Element;
 export default _default;

package/es/Select/components/AllSelect.js

@@ -17,7 +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 optionsClassName = useClassName("hw-option");
   var change = function change() {
     if (!checked) {
       var subItemOps = itemOpProvider(options, fieldNames);

package/es/config.d.ts

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

package/es/config.js

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

package/es/hooks/useClassName.js

@@ -1,12 +1,13 @@
 // 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';
+import { useContext, useMemo } from 'react';
+import { ConfigContext } from 'antd/es/config-provider';
 
 var useClassName = function useClassName(className) {
+  var config = useContext(ConfigContext);
   return useMemo(function () {
     var _context;
-    return _concatInstanceProperty(_context = "".concat(baseConfig.prefixCls, "-")).call(_context, className);
+    return _concatInstanceProperty(_context = "".concat(config.getPrefixCls(), "-")).call(_context, className);
   }, [className]);
 };
 

package/es/index.css

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

package/lib/DatePicker/RangePicker.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IRangePickerProps } from "@/components/DatePicker/modal";
+import type { IRangePickerProps } from "@/components/DatePicker/modal";
 declare const _default: ({ value, onChange, showTime, ...props }: IRangePickerProps) => JSX.Element;
 export default _default;

package/lib/DatePicker/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IDatePickerProps } from "@/components/DatePicker/modal";
+import type { IDatePickerProps } from "@/components/DatePicker/modal";
 declare const _default: ({ value, onChange, showTime, format, ...props }: IDatePickerProps) => JSX.Element;
 export default _default;

package/lib/Select/components/AllSelect.js

@@ -20,7 +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 optionsClassName = useClassName.useClassName("hw-option");
   var change = function change() {
     if (!checked) {
       var subItemOps = utils.itemOpProvider(options, fieldNames);

package/lib/config.d.ts

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

package/lib/config.js

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

package/lib/hooks/useClassName.js

@@ -2,12 +2,13 @@
 
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
 var React = require('react');
-var config = require('../config.js');
+var configProvider = require('antd/es/config-provider');
 
 var useClassName = function useClassName(className) {
+  var config = React.useContext(configProvider.ConfigContext);
   return React.useMemo(function () {
     var _context;
-    return _concatInstanceProperty(_context = "".concat(config.baseConfig.prefixCls, "-")).call(_context, className);
+    return _concatInstanceProperty(_context = "".concat(config.getPrefixCls(), "-")).call(_context, className);
   }, [className]);
 };
 

package/lib/index.css

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",

package/scripts/rollup.config.js

@@ -8,7 +8,7 @@ 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 postcss = require("rollup-plugin-postcss");
 const prefix = pkg.cssPrefix;
 const input = path.resolve(__dirname, "../src/components/index.tsx");
 const outDir = path.resolve(__dirname, "../lib");

package/scripts/webpack.config.js

@@ -46,7 +46,14 @@ module.exports = {
               modules: true,
             },
           },
-          "less-loader",
+          {
+            loader: "less-loader",
+            options:{
+              lessOptions:{
+                javascriptEnabled: true,
+              }
+            }
+          }
         ],
       },
     ],

package/src/components/DatePicker/RangePicker.tsx

@@ -1,7 +1,19 @@
-import {DatePicker} from 'antd';
-import {IRangePickerProps} from "@/components/DatePicker/modal";
+import { DatePicker } from "antd";
+import type { IRangePickerProps } from "@/components/DatePicker/modal";
 const { RangePicker } = DatePicker;
 
-export default ({value,onChange,showTime=true,...props}:IRangePickerProps)=>{
-    return <RangePicker value={value} onChange={value} showTime={showTime} {...props}/>
-}
+export default ({
+  value,
+  onChange,
+  showTime = true,
+  ...props
+}: IRangePickerProps) => {
+  return (
+    <RangePicker
+      value={value}
+      onChange={value}
+      showTime={showTime}
+      {...props}
+    />
+  );
+};

package/src/components/DatePicker/index.tsx

@@ -4,7 +4,7 @@ import { DatePicker } from "antd";
 import { useMemo } from "react";
 import type { Moment } from "moment";
 import moment from "moment";
-import {IDatePickerProps} from "@/components/DatePicker/modal";
+import type { IDatePickerProps } from "@/components/DatePicker/modal";
 
 export default ({
   value,

package/src/components/DatePicker/modal.d.ts

@@ -1,16 +1,17 @@
-import {RangePickerProps} from "antd/es/date-picker";
-import {SharedTimeProps} from "rc-picker/lib/panels/TimePanel";
-import {Moment} from "moment";
-import {DatePickerProps} from "antd";
+import type { RangePickerProps } from "antd/es/date-picker";
+import type { SharedTimeProps } from "rc-picker/lib/panels/TimePanel";
+import type { Moment } from "moment";
+import type { DatePickerProps } from "antd";
 
-export  interface IDatePickerProps extends Omit<DatePickerProps, "onChange" | "format"> {
-    onChange?: (time?: Moment | string | number) => void;
-    format?: string;
-    showTime?: boolean | SharedTimeProps<Moment>;
+export interface IDatePickerProps
+  extends Omit<DatePickerProps, "onChange" | "format"> {
+  onChange?: (time?: Moment | string | number) => void;
+  format?: string;
+  showTime?: boolean | SharedTimeProps<Moment>;
 }
 
-export interface IRangePickerProps extends RangePickerProps{
- value?:any;
- onChange?:(val:any)=>void;
- showTime?: boolean | { defaultValue?: Moment[]};
-}
+export interface IRangePickerProps extends RangePickerProps {
+  value?: any;
+  onChange?: (val: any) => void;
+  showTime?: boolean | { defaultValue?: Moment[] };
+}

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

@@ -1,8 +1,8 @@
 import type { HSelectProps } from "@/components/Select/modal";
 import { Checkbox, Space } from "antd";
-import "../index.less"
+import "../index.less";
 import { itemOpProvider } from "../utils";
-import {useClassName} from "@/components/hooks/useClassName";
+import { useClassName } from "../../hooks/useClassName";
 interface IProps extends HSelectProps {
   checked?: boolean;
 }
@@ -20,7 +20,7 @@ export default ({
   }
   const opLen = options?.length || 0;
   const checked = (value as any[])?.length >= opLen;
-  const optionsClassName=useClassName("option");
+  const optionsClassName = useClassName("hw-option");
   const change = () => {
     if (!checked) {
       const subItemOps = itemOpProvider(options, fieldNames);

package/src/components/Select/index.less

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

package/src/components/config.ts

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

package/src/components/hooks/useClassName.ts

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

package/src/components/index.tsx

@@ -9,4 +9,3 @@ export { default as HRadioGroup } from "./RadioGroup";
 export { default as HSwitch } from "./Switch";
 export { default as HDatePicker } from "./DatePicker";
 export { default as HRangePicker } from "./DatePicker/RangePicker";
-

package/src/components/styles/index.less

@@ -0,0 +1 @@
+@import "../Select/index.less";

package/src/components/styles/local.less

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

package/src/pages/DatePicker/index.tsx

@@ -1,5 +1,5 @@
 import { Space } from "antd";
-import { HDatePicker ,HRangePicker} from "../../components";
+import { HDatePicker, HRangePicker } from "../../components";
 export default () => {
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
@@ -9,7 +9,7 @@ export default () => {
           console.log(val);
         }}
       />
-      <HRangePicker/>
+      <HRangePicker />
     </Space>
   );
 };

package/src/components/config.less

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