tsx复制代码const [visible, setVisible] = useState(false)
const [posting, setPosting] = useState(false)
const [record, setRecord] = useState({})
const [form] = Form.useForm()

const handleOk = () => {...}

return <div>
    <Button onClick={() => }>{...}</Buton>

    <Modal visible={visible} confirmLoading={posting} {...}>
         <div>{record.title}</div>
         <Form form={form}>
             <Form.Item><Input /></Form.Item>
         </Form>
    </Modal>
</div>

tsx复制代码<Modal visible={visible}>
  <LargeComponent />
</Modal>

tsx复制代码const [editModalInfo, setEditModalInfo] = useState({ 
    visible: false, 
    posting: false,
    record: {},
 })

<Modal visible={editModalInfo.visible} {...}>
    <Edit detail={editModalInfo.record} {...} />
</Modal>

tsx复制代码const [editModalInfo, setEditModalInfo] = useState({ 
    visible: false, 
    posting: false,
    record: {},
 })
 
const handleOk = () => {...}

<EditModal visible={editModalInfo.visible} record={editModalInfo.record} onOk={handleOk} {...} />

tsx复制代码// EditModal.tsx
const handleOk = () => {
    // 先处理内部逻辑，再调用传入的onOk
    setPosting(true)
    // do something
    await props.onOk(...)
    
    setPosting(false)
}

<Modal {...} onOk={handleOk} />

tsx复制代码// visible改变时直接销毁组件，不需要维护生命周期
export const oneTimeHoc = <Props extends Record<string, any>>(Component: React.FC<Props>) => {
  return (props: Props & { visible?: boolean }) => {
      return props?.visible !== false ? <Component {...props} /> : null
  }
}

// EditModal.tsx
export default oneTimeHoc(EditModal) // 此时EditModal的入参需要移除visible

typescript复制代码// index.tsx
const [modalInfo, setModalInfo] = useState({
    type: '', // edit | update | approve
    visible: false,
    modalProps: {},
})

return <>
    <ActionModal modalInfo={modalInfo} />
</>

// ActionModal.tsx
const { type, visible, modalProps } = props

if (!visible) return null
return <>
    {type === 'edit' && <EditModal {...modalProps} />
    {type === 'update' && <UpdateModal {...modalProps} />
</>

tsx复制代码// TriggerModal.tsx
const { children, trigger } = props
const [visible, setVisible] = useState(false)

const onClick = () => {
    setVisible(true)
}

const handleOk = async () => {
    // do something
    setVisible(false)
}

return <>
    {React.cloneElement(trigger, { onClick })}
    
    <Modal {...} visible={visible} onOk={handleOk} />
</>

// index.tsx
return <>
    <TriggerModal trigger={<Button />}> // 仅拓展Modal
        {...}
    </TriggerModal>
    // 封装业务逻辑：EditModal = TriggerModal + 业务逻辑
    // <EditModal trigger={<Button />} />
</>

tsx复制代码// EditModal.tsx
const [visible, setVisible] = useState(false)
const modalPropsRef = useRef({})

useImperativeHandle(ref, {
    open: (props) => {
        modalPropsRef.current = props
        setVisible(true)
    },
    close: () => setVisible(false),
})

return <Modal {...} visible={visible} onOK={modalPropsRef.current?.onOk} />

// index.tsx
const editModalRef = useRef(null)

editModalRef.current.open(props)
editModalRef.current.close()

return <>
    <EditModal {...} ref={editModalRef} />
</>

tsx复制代码// useNextModal.tsx 随便起的名字，别在意
const [modal, context] = Modal.useModal()
const [visible, setVisible] = useState(false)
const modalPropsRef = useRef({})

const nextModal = {
    // 已有，直接用
    confirm: (props) => {
        return modal.confirm(props)
    },
    // 自行封装
    open: (props) => {
        modalPropsRef.current = props
        setVisible(true)
    },
}

const modalRender = () => {
    if (!visible) return null
    return <Modal {...modalPropsRef.current}  visible={visible} />
}

return { nextModal, context, content: modalRender() }

// index.tsx
const { nextModal, context, content } = useNextModal()

nextModal.open(...)
nextModal.confirm(...)

return <>
    {context} // modal.confirm的上下文
    {content} // modal.open的dom
</>

javascript复制代码const { formProps, modalProps } = useFormModal()

return <>
    <Modal {...modalProps}>
        <Form {...formProps} />
    </Modal>
</>

tsx复制代码// index.tsx
const [form] = Form.useForm()
const [visible, setVisible] = useState(false)

const handleOk = async () => {
    const values = await form.validateFields()
    await service.submit(values)
    setVisible(false)
}

const handleOpen = () => {
    form.setFieldsValue({ ... }) // 灵活控制form
    setVisible(true)
}

return <>
    <Button onClick={handleOpen}>Open</Button>
    <EditModal visible={visible} onOk={handleOk} form={form} />  
</>

// EditModal.tsx
const { form, visible, onOk } = props

return <Modal visible={visible} onOk={onOk}>{...}</Modal>

tsx复制代码// index.tsx
const handleOk = async (values) => {
    await service.submit(values)
    setVisible(false)
}

// EditModal.tsx
const { form: outerForm, visible, onOk } = props
const [form] = Form.useForm(outerForm)

const handleOk = async () => {
    const values = await form.validateFields() // 尽量把类似的逻辑放在弹窗组件内部
    onOk?.(values)
}

return <Modal visible={visible} onOk={handleOk}>{...}</Modal>

tsx复制代码// index.tsx
const [form] = Form.useForm()
const { formModal, content } = useFormModal({ form }) // form参数可选

// 可以将业务逻辑再封装
const { handleCreate, handleDelete } = useOtherActions({ formModal, refreshList })

const handleEdit = (info) => {
    formModal.open({
        title: 'Edit',
        content: <EditForm info={info} />, // 不需要传form，只用传组件需要的参数
        onOk: async (values) => {
            await service.approve(values)
            message.success('edit success')
        },
        onCancel: () => console.log('click cancel'),
    })
}

const handleApprove = (info) => {
    formModal.confirm({
        title: 'Approve',
        content: <ApproveForm info={info} form={form} />, // 手动控制form
        onOk: async (values) => {
            await service.update(values)
            message.success('approve success')
        },
        onCancel: () => console.log('click cancel'),
    })
}

return <>
    <Button onClick={handleCreate}>Create</Button>
    <List>
        {list.map(item) => {
            return <List.Item info={item} onClick={handleEdit} ...>
                {item.name}
            </List.Item>
        }}
    </List>
    {content} // 组件dom
</>

// EditForm.tsx
const { form, info } = props

return <>
    <div>ID:  {info.name}</div>
    <Form.Item label="Address" reruired>
        <Input placeholder="Please input something" />
    </Form.Item>
</>

java复制代码/**
 * @author didi
 * @date 2023/04/22 5:20 PM
 * @desc  实现类,用于demo展示
 */
public class DidiClass {
 
    /**
     * 这它将两个价格整数相加并返回结果。
     * 
     * @param x 第一个整数
     * @param y 第二个整数
     * @return 两个整数的和
     */
    public int sellTianLuo(int x, int y) {
        return x + y;
    }
}

typescript复制代码if(object!=null){
  String name = object.getName();
}

less复制代码  if (CollectionUtils.isNotEmpty(tianLuolist)) {
        for (TianLuo temp : tianLuolist) {
            //do something
        }
    }

javascript复制代码//老接口
void oldService(A,B){
  //兼容新接口，传个null代替C
  newService(A,B,null);
}

//新接口，暂时不能删掉老接口，需要做兼容。
void newService(A,B,C){
  ...
}

ini复制代码 public Response registerUser(String userName, String password, String email) {

        if (userName == null || StringUtils.isEmpty(userName)) {
          log.info("用户名不能为空！");
            throw new BizException();
        }

        if (password == null || password.length() < 6) {
            log.info("密码长度不能少于6位！");
            throw new BizException();
        }

        if (email == null || StringUtils.isEmpty(email) || !email.contains("@")) {
            log.info("邮箱格式不正确！");
            throw new BizException();
        }

        Response response = new Response();
        UserInfo userInfo = userService.queryUserInfoByUsername();
        if (Objects.nonNull(userInfo)) {
            response.setCode(0);
            response.setMsg("注册成功");
            return response;
        }


        UserInfo addUserInfo = new UserInfo();
        addUserInfo.setUserName(userName);
        addUserInfo.setPassword(password);
        addUserInfo.setEmail(email);
        userService.addUserInfo(addUserInfo);

        MessageDo messageDo = new MessageDo();
        messageDo.setUserName(userName);
        messageDo.setEmail(email);
        messageDo.setContent("注册成功");
        messageService.sendMsg(messageDo);

        response.setCode(0);
        response.setMsg("注册成功");
        return response;
    }

scss复制代码    public Response registerUser(String userName, String password, String email) {

        //检查参数
        checkRegisterParam(userName, password, email);
        //检查用户是否已经存在
        if (checkUserInfoExist(userName)) {
            Response response = new Response();
            response.setCode(0);
            response.setMsg("注册成功");
            return response;
        }

        //插入用户
        addUser(userName, password, email);
        sendMsgOfRegister(userName, email);

        //构造注册成功报文
        Response response = new Response();
        response.setCode(0);
        response.setMsg("注册成功");
        return response;
    }

    private void sendMsgOfRegister(String userName, String email) {
        MessageDo messageDo = new MessageDo();
        messageDo.setUserName(userName);
        messageDo.setEmail(email);
        messageDo.setContent("注册成功");
        messageService.sendMsg(messageDo);
    }

    private void addUser(String userName, String password, String email) {
        UserInfo addUserInfo = new UserInfo();
        addUserInfo.setUserName(userName);
        addUserInfo.setPassword(password);
        addUserInfo.setEmail(email);
        userService.addUserInfo(addUserInfo);
    }

    private boolean checkUserInfoExist(String userName) {
        UserInfo userInfo = userService.queryUserInfoByUsername();
        if (Objects.nonNull(userInfo)) {
            return true;
        }
        return false;
    }

    private void checkRegisterParam(String userName, String password, String email) {
        if (userName == null || StringUtils.isEmpty(userName)) {
            log.info("用户名不能为空！");
            throw new BizException();
        }

        if (password == null || password.length() < 6) {
            log.info("密码长度不能少于6位！");
            throw new BizException();
        }

        if (email == null || StringUtils.isEmpty(email) || !email.contains("@")) {
            log.info("邮箱格式不正确！");
            throw new BizException();
        } 
    }

js复制代码const vertexShader = /* GLSL */ `
  void main() {
    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
  }
`;

const fragmentShader = /* GLSL */ `
  void main() {
    gl_FragColor = vec4(1.0, 0.0, 1.0, 1.0);
  }
`;
  
const geometry = new THREE.SphereGeometry(1, 32, 16);
const material = new THREE.ShaderMaterial({
  uniforms: {
    uTime: { value: 0 },
  },
  vertexShader,
  fragmentShader,
  wireframe: true,
});

const mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);

// let time = 0;
const clock = new THREE.Clock();
function render() {
  // time += 0.05;
  // material.uniforms.uTime.value += time;
  const time = clock.getElapsedTime();
  material.uniforms.uTime.value = time;
  renderer.render(scene, camera);
  requestAnimationFrame(render);
}

render();

C#复制代码void main() {
  gl_Position = projectionMatrix * viewMatrix * modelMatrix * vec4(position, 1.0);
  // gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
}

C#复制代码void main() {
  vec3 newPos = position * 1.5;
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);
}

C#复制代码uniform float uTime;

void main() {
  vec3 newPos = position * sin(uTime);
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);
}

js复制代码function render() {
  const time = clock.getElapsedTime();
  material.uniforms.uTime.value = time;
  mesh.scale.setScalar(Math.sin(time));
}

C#复制代码void main() {
  vec3 newPos = position;
  newPos.y += sin(position.y);
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);
}

C#复制代码vec3 newPos = position;
// newPos.y += sin(position.y * 0.5);
newPos.y += sin(position.y * 4.0);

C#复制代码vec3 newPos = position;
newPos.y += sin(position.y * (sin(uTime) + 1.0) * 5.0);

C#复制代码vec3 newPos = position;
newPos.y += sin(position.y * 1.0 + uTime * 2.0);

C#复制代码vec3 newPos = position;
newPos.y += sin(position.y * 1.0 + uTime * 2.0);
newPos.x += 0.8 * sin(position.z * 0.5 + uTime * 1.0);

C#复制代码//	Classic Perlin 3D Noise 
//	by Stefan Gustavson
vec4 permute(vec4 x){return mod(((x*34.0)+1.0)*x, 289.0);}
vec4 taylorInvSqrt(vec4 r){return 1.79284291400159 - 0.85373472095314 * r;}
vec3 fade(vec3 t) {return t*t*t*(t*(t*6.0-15.0)+10.0);}

float cnoise(vec3 P){
  vec3 Pi0 = floor(P); // Integer part for indexing
  vec3 Pi1 = Pi0 + vec3(1.0); // Integer part + 1
  Pi0 = mod(Pi0, 289.0);
  Pi1 = mod(Pi1, 289.0);
  vec3 Pf0 = fract(P); // Fractional part for interpolation
  vec3 Pf1 = Pf0 - vec3(1.0); // Fractional part - 1.0
  vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);
  vec4 iy = vec4(Pi0.yy, Pi1.yy);
  vec4 iz0 = Pi0.zzzz;
  vec4 iz1 = Pi1.zzzz;

  vec4 ixy = permute(permute(ix) + iy);
  vec4 ixy0 = permute(ixy + iz0);
  vec4 ixy1 = permute(ixy + iz1);

  vec4 gx0 = ixy0 / 7.0;
  vec4 gy0 = fract(floor(gx0) / 7.0) - 0.5;
  gx0 = fract(gx0);
  vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);
  vec4 sz0 = step(gz0, vec4(0.0));
  gx0 -= sz0 * (step(0.0, gx0) - 0.5);
  gy0 -= sz0 * (step(0.0, gy0) - 0.5);

  vec4 gx1 = ixy1 / 7.0;
  vec4 gy1 = fract(floor(gx1) / 7.0) - 0.5;
  gx1 = fract(gx1);
  vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);
  vec4 sz1 = step(gz1, vec4(0.0));
  gx1 -= sz1 * (step(0.0, gx1) - 0.5);
  gy1 -= sz1 * (step(0.0, gy1) - 0.5);

  vec3 g000 = vec3(gx0.x,gy0.x,gz0.x);
  vec3 g100 = vec3(gx0.y,gy0.y,gz0.y);
  vec3 g010 = vec3(gx0.z,gy0.z,gz0.z);
  vec3 g110 = vec3(gx0.w,gy0.w,gz0.w);
  vec3 g001 = vec3(gx1.x,gy1.x,gz1.x);
  vec3 g101 = vec3(gx1.y,gy1.y,gz1.y);
  vec3 g011 = vec3(gx1.z,gy1.z,gz1.z);
  vec3 g111 = vec3(gx1.w,gy1.w,gz1.w);

  vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));
  g000 *= norm0.x;
  g010 *= norm0.y;
  g100 *= norm0.z;
  g110 *= norm0.w;
  vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));
  g001 *= norm1.x;
  g011 *= norm1.y;
  g101 *= norm1.z;
  g111 *= norm1.w;

  float n000 = dot(g000, Pf0);
  float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));
  float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));
  float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));
  float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));
  float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));
  float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));
  float n111 = dot(g111, Pf1);

  vec3 fade_xyz = fade(Pf0);
  vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);
  vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);
  float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x); 
  return 2.2 * n_xyz;
}

C#复制代码float cnoise(vec3 P){
  // ...
}

void main() {
  vec3 newPos = position;
  newPos += cnoise(position);
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);
}

C#复制代码void main() {
  vec3 newPos = position;
  newPos += normal * cnoise(position);
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);
}

C#复制代码varying vec3 vNormal;

void main() {
  vec3 newPos = position;
  newPos += normal * cnoise(position);
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);
  
  vNormal = normal;
}

// Fragment Shader
varying vec3 vNormal;

void main() {
  // gl_FragColor = vec4(1.0, 0.0, 1.0, 1.0);
  gl_FragColor = vec4(vNormal, 1.0);
}

js复制代码function render() {
  const time = clock.getElapsedTime();
  material.uniforms.uTime.value = time;
  mesh.rotation.y = time;
}

C#复制代码// 3D Randomness
float random(vec3 pos){
  return fract(sin(dot(pos, vec3(64.25375463, 23.27536534, 86.29678483))) * 59482.7542);
}

void main() {
  vec3 newPos = position;
  // newPos += normal * cnoise(position);
  newPos += normal * random(position);
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);
}

js复制代码// const geometry = new THREE.SphereGeometry(1, 32, 16);
// const geometry = new THREE.SphereGeometry(1, 64, 64);
// const geometry = new THREE.SphereGeometry(1, 128, 128);
const geometry = new THREE.SphereGeometry(1, 256, 256);

C#复制代码void main() {
  vec3 newPos = position;
  // newPos += normal * random(position);
  // newPos += normal * cnoise(position);
  // newPos += normal * cnoise(position * 0.3);
  newPos += normal * cnoise(position * 5.0);
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);
}

C#复制代码void main() {
  vec3 newPos = position;
  // newPos += normal * random(position);
  // newPos += normal * cnoise(position);
  // newPos += normal * cnoise(position * 5.0);
  newPos += normal * cnoise(position * (sin(uTime) + 1.0) * 4.0);
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);
}

java复制代码public static interface TagHandler {
    public void handleTag(boolean opening, String tag,
                             Editable output, XMLReader xmlReader);
}

java复制代码@Override 
public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) { 
    if(opening){
      startHandleTag(tag,output,xmlReader); 
    }else{              
      endHandleTag(tag,output,xmlReader);
    } 
    
}

java复制代码
private void handleStartTag(String tag, Attributes attributes) {
    if (tag.equalsIgnoreCase("br")) {
        // We don't need to handle this. TagSoup will ensure that there's a </br> for each <br>
        // so we can safely emit the linebreaks when we handle the close tag.
      //  对于类似br这种换行，TagSoup会自动扩充为成对表签 <br> </br>
    } else if (tag.equalsIgnoreCase("p")) {
        startBlockElement(mSpannableStringBuilder, attributes, getMarginParagraph());
        startCssStyle(mSpannableStringBuilder, attributes);
    } else if (tag.equalsIgnoreCase("ul")) {
        startBlockElement(mSpannableStringBuilder, attributes, getMarginList());
    } 
    // 省略一些代码
     if (tag.equalsIgnoreCase("img")) {
        startImg(mSpannableStringBuilder, attributes, mImageGetter);
    } else if (mTagHandler != null) {
        mTagHandler.handleTag(true, tag, mSpannableStringBuilder, mReader);
    }
}

java复制代码private final String H5_TAG = "html"; //自定义标签，该标签无法在原Html类中解析

html复制代码<html><section> <html>第二层</html> </section></html>

java复制代码private void startHandleTag( String tag, Editable output, XMLReader xmlReader) {

    if (tag.equalsIgnoreCase(H5_TAG)){
        if(orginalContentHandler==null) {
            orginalContentHandler = xmlReader.getContentHandler();
            this.originalXmlReader = xmlReader; //获取XmlReader
            this.originalXmlReader.setContentHandler(this);//获取控制权,让本类监听解析流程
            this.originlaEditableText = output;  //获取到SpannableStringBuilder

        }
        count++;
    }

}

private void endHandleTag( String tag, Editable output, XMLReader xmlReader) {
    if(tag.equalsIgnoreCase(tag)){
        count--;
        if(count==0 ){
            this.originalXmlReader.setContentHandler(this.orginalContentHandler);
            //将原始的handler交还
            this.originalXmlReader = null;
            this.originlaEditableText = null;
            this.orginalContentHandler = null;
            //还原控制权
        }
    }

}

js复制代码//自定义解析器集合 
private final Map<String,HtmlTag> tagHandlerMap;

java复制代码@Override
public void startElement(String uri, String localName, String qName, Attributes atts) throws SAXException {

    if (localName.equalsIgnoreCase(H5_TAG)){
        //防止 <html>多次内嵌
        handleTag(true,localName,this.originlaEditableText,this.originalXmlReader);
    }else if(canHandleTag(localName)){  //拦截，判断是否可以解析该标签

        final HtmlTag htmlTag = tagHandlerMap.get(localName);  //读取自定义解析器开始解析
        htmlTag.startHandleTag(this.originlaEditableText,atts);

    }else if(orginalTags.contains(localName)){ //无法解析的优先让原Html类解析
        this.orginalContentHandler.startElement(uri,localName,qName,atts);
    }else{
        Log.e(LOG_TAG,"无法解析的标签<"+localName+">");
    }

}

private boolean canHandleTag(String tagName) {
    if(!tagHandlerMap.containsKey(tagName)){
        return false;
    }
    final HtmlTag htmlTag = tagHandlerMap.get(tagName);
    return htmlTag!=null;

}

@Override
public void endElement(String uri, String localName, String qName) throws SAXException {

    if (localName.equalsIgnoreCase(H5_TAG)){
    //防止 <html>多次内嵌
        handleTag(false,localName,this.originlaEditableText,this.originalXmlReader);
    }else if(canHandleTag(localName)){
        final HtmlTag htmlTag = tagHandlerMap.get(localName); //读取自定义解析器结束解析
        htmlTag.endHandleTag(this.originlaEditableText);
    }else if(orginalTags.contains(localName)){
        this.orginalContentHandler.endElement(uri,localName,qName);
    }else{
        Log.e(LOG_TAG,"无法解析的标签</"+localName+">");
    }
}

java复制代码      //开始解析，主要负责css参数解析和标签标记
    public abstract void startHandleTag(Editable text, Attributes attributes); 
     //结束解析 负责渲染
    public abstract void endHandleTag(Editable text);  //结束解析

java复制代码public abstract class HtmlTag {

    private Context context;

    public HtmlTag(Context context) {
        this.context = context;
    }

    public Context getContext() {
        return context;
    }

    private static final Map<String, Integer> sColorNameMap;

    static {
        sColorNameMap = new ArrayMap<String, Integer>();
        sColorNameMap.put("black", Color.BLACK);
        sColorNameMap.put("darkgray", Color.DKGRAY);
        sColorNameMap.put("gray", Color.GRAY);
        sColorNameMap.put("lightgray", Color.LTGRAY);
        sColorNameMap.put("white", Color.WHITE);
        sColorNameMap.put("red", Color.RED);
        sColorNameMap.put("green", Color.GREEN);
        sColorNameMap.put("blue", Color.BLUE);
        sColorNameMap.put("yellow", Color.YELLOW);
        sColorNameMap.put("cyan", Color.CYAN);
        sColorNameMap.put("magenta", Color.MAGENTA);
        sColorNameMap.put("aqua", 0xFF00FFFF);
        sColorNameMap.put("fuchsia", 0xFFFF00FF);
        sColorNameMap.put("darkgrey", Color.DKGRAY);
        sColorNameMap.put("grey", Color.GRAY);
        sColorNameMap.put("lightgrey", Color.LTGRAY);
        sColorNameMap.put("lime", 0xFF00FF00);
        sColorNameMap.put("maroon", 0xFF800000);
        sColorNameMap.put("navy", 0xFF000080);
        sColorNameMap.put("olive", 0xFF808000);
        sColorNameMap.put("purple", 0xFF800080);
        sColorNameMap.put("silver", 0xFFC0C0C0);
        sColorNameMap.put("teal", 0xFF008080);
        sColorNameMap.put("white", Color.WHITE);
        sColorNameMap.put("transparent", Color.TRANSPARENT);

    }

    @ColorInt
    public static int getHtmlColor(String colorString){

        if(sColorNameMap.containsKey(colorString.toLowerCase())){
            Integer colorInt = sColorNameMap.get(colorString);
            if(colorInt!=null) return colorInt;
        }

        return parseHtmlColor(colorString.toLowerCase());
    }
   //颜色解析器，我们做下扩展，使得其支持argb，还有很多可以自己实现
    @ColorInt
    public static int parseHtmlColor( String colorString) {

        if (colorString.charAt(0) == '#') {
            if(colorString.length()==4){
                StringBuilder sb = new StringBuilder("#");
                for (int i=1;i<colorString.length();i++){
                    char c = colorString.charAt(i);
                    sb.append(c).append(c);
                }
                colorString  = sb.toString();
            }
            long color = Long.parseLong(colorString.substring(1), 16);
            if (colorString.length() == 7) {
                // Set the alpha value
                color |= 0x00000000ff000000;
            } else if (colorString.length() == 9) {

                int alpha = Integer.parseInt(colorString.substring(1,3),16) ;
                int red = Integer.parseInt(colorString.substring(3,5),16);
                int green = Integer.parseInt(colorString.substring(5,7),16);
                int blue = Integer.parseInt(colorString.substring(7,8),16);
                color = Color.argb(alpha,red,green,blue);
            }else{
                throw new IllegalArgumentException("Unknown color");
            }
            return (int)color;
        }
        else if(colorString.startsWith("rgb(") || colorString.startsWith("rgba(") && colorString.endsWith(")"))
        {
            colorString = colorString.substring(colorString.indexOf("("),colorString.indexOf(")"));
            colorString = colorString.replaceAll(" ","");
            String[] colorArray = colorString.split(",");
            if(colorArray.length==3){
                return Color.argb(255,Integer.parseInt(colorArray[0]),Integer.parseInt(colorArray[1]),Integer.parseInt(colorArray[2]));
            }
            else if (colorArray.length==4){
                return Color.argb(Integer.parseInt(colorArray[3]),Integer.parseInt(colorArray[0]),Integer.parseInt(colorArray[1]),Integer.parseInt(colorArray[2]));
            }

        }
        throw new IllegalArgumentException("Unknown color");
    }

  //负责提取标记
    public static <T> T getLast(Spanned text, Class<T> kind) {

        T[] objs = text.getSpans(0, text.length(), kind);
        if (objs.length == 0) {
            return null;
        } else {
            return objs[objs.length - 1];
        }
    }
        //开始解析，主要负责css参数解析和标签标记
    public abstract void startHandleTag(Editable text, Attributes attributes); 
     //结束解析 负责渲染
    public abstract void endHandleTag(Editable text);  //结束解析

}

java复制代码  public static class Font{  //定义标记
        int textSize;
        int textDecordation;
        int fontWeidght;

        public Font(int textSize,int textDecordation,int fontWeidght) {
            this.textSize = textSize;
            this.textDecordation = textDecordation;
            this.fontWeidght = fontWeidght;
        }
    }

    public static class Background{ //定义标记
        int color;
        public Background(int color) {
            this.color = color;
        }
    }

java复制代码public class TextFontSpan extends AbsoluteSizeSpan {

    public static final  int FontWidget_NORMAL= 400;
    public static final  int FontWidget_BOLD = 750;

    public static final  int TextDecoration_NONE=0;
    public static final  int TextDecoration_UNDERLINE=1;
    public static final  int TextDecoration_LINE_THROUGH=2;
    public static final  int TextDecoration_OVERLINE=3;

    private int fontWidget =  -1;
    private int textDecoration = -1;

    private int mSize = -1;

    public TextFontSpan(int size ,int textDecoration,int fontWidget) {
        this(size,false);
        this.mSize = size;
        this.fontWidget = fontWidget;
        this.textDecoration = textDecoration;
        //这里我们以px作为单位，方便统一调用
    }

    /**
     * 保持构造方法无法被外部调用
     * @param size
     * @param dip
     */
    protected TextFontSpan(int size, boolean dip) {
        super(size, dip);
    }

    public TextFontSpan(Parcel src) {
        super(src);
        fontWidget = src.readInt();
        textDecoration = src.readInt();
        mSize = src.readInt();
    }

    @Override
    public void writeToParcel(Parcel dest, int flags) {
        super.writeToParcel(dest, flags);
        dest.writeInt(fontWidget);
        dest.writeInt(textDecoration);
        dest.writeInt(mSize);
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        if(this.mSize>=0){
            super.updateDrawState(ds);
        }

        if(fontWidget==FontWidget_BOLD) {
            ds.setFakeBoldText(true);
        }else if(fontWidget==FontWidget_NORMAL){
            ds.setFakeBoldText(false);
        }
        if(textDecoration==TextDecoration_NONE) {
            ds.setStrikeThruText(false);
            ds.setUnderlineText(false);
        }else if(textDecoration==TextDecoration_LINE_THROUGH){
            ds.setStrikeThruText(true);
            ds.setUnderlineText(false);
        }else if(textDecoration==TextDecoration_UNDERLINE){
            ds.setStrikeThruText(false);
            ds.setUnderlineText(true);
        }

    }

    @Override
    public void updateMeasureState(TextPaint ds) {
        if(this.mSize>=0){
            super.updateMeasureState(ds);
        }

        if(fontWidget==FontWidget_BOLD) {
            ds.setFakeBoldText(true);
        }else if(fontWidget==FontWidget_NORMAL){
            ds.setFakeBoldText(false);
        }

        if(textDecoration==TextDecoration_NONE) {
            ds.setStrikeThruText(false);
            ds.setUnderlineText(false);
        }else if(textDecoration==TextDecoration_LINE_THROUGH){
            ds.setStrikeThruText(true);
            ds.setUnderlineText(false);
        }else if(textDecoration==TextDecoration_UNDERLINE){
            ds.setStrikeThruText(false);
            ds.setUnderlineText(true);
        }
    }
}

java复制代码public class SectionTag extends HtmlTag {


    public SectionTag(Context context) {
        super(context);
    }


    private int getHtmlSize(String fontSize) {
        fontSize = fontSize.toLowerCase();
        if(fontSize.endsWith("px")){
            return (int) Double.parseDouble(fontSize.substring(0,fontSize.indexOf("px")));
        }else if(fontSize.endsWith("sp") ){
            float sp = (float) Double.parseDouble(fontSize.substring(0,fontSize.indexOf("sp")));
            return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,sp,getContext().getResources().getDisplayMetrics());
        }else if(TextUtils.isDigitsOnly(fontSize)){  //如果不带单位，默认按照sp处理
            float sp = (float) Double.parseDouble(fontSize);
            return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,sp,getContext().getResources().getDisplayMetrics());
        }
        return -1;
    }

    private static String getTextColorPattern(String style) {
        String cssName = "text-color";
        String cssVal = getHtmlCssValue(style, cssName);
        if(TextUtils.isEmpty(cssVal)){
            cssName = "color";
            cssVal = getHtmlCssValue(style, cssName);
        }
        return cssVal;
    }

    @Nullable
    private static String getHtmlCssValue(String style, String cssName) {
        if(TextUtils.isEmpty(style)) return null;
        final String[]  keyValueSet = style.toLowerCase().split(";");
        if(keyValueSet==null) return null;
        for (int i=0;i<keyValueSet.length;i++){
            final String match = keyValueSet[i].replaceAll(" ","").toLowerCase();
            if(match.indexOf(cssName)==0){
                final String[] parts = match.split(":");
                if(parts==null || parts.length!=2) continue;
                return parts[1];
            }
        }
        return null;
    }

    private static String getBackgroundColorPattern(String style) {
        String cssName = "background-color";
        String cssVal = getHtmlCssValue(style, cssName);

        if(TextUtils.isEmpty(cssVal)){
            cssName = "bakground";
            cssVal = getHtmlCssValue(style, cssName);
        }

        return cssVal;
    }

    private static String getTextFontSizePattern(String style) {
        String cssName = "font-size";
        String cssVal = getHtmlCssValue(style, cssName);
        if(TextUtils.isEmpty(cssVal)){
            cssName = "text-size";
            cssVal = getHtmlCssValue(style, cssName);
        }
        return cssVal;
    }

    private static String getTextDecorationPattern(String style) {
        String cssName = "text-decoration";
        String cssVal = getHtmlCssValue(style, cssName);
        return cssVal;
    }
    private static String getTextFontPattern(String style) {
        String cssName = "font-weight";
        String cssVal = getHtmlCssValue(style, cssName);
        return cssVal;
    }


    public static  class Font{  //定义标记
        int textSize;
        int textDecordation;
        int fontWeidght;

        public Font( int textSize,int textDecordation,int fontWeidght) {
            this.textSize = textSize;
            this.textDecordation = textDecordation;
            this.fontWeidght = fontWeidght;
        }
    }

    public static class Background{ //定义标记
        int color;
        public Background(int color) {
            this.color = color;
        }
    }

    @Override
    public void startHandleTag(Editable text, Attributes attributes) {
        String style = attributes.getValue("", "style");
        if(TextUtils.isEmpty(style)) return;


        String textColorPattern = getTextColorPattern(style);
        if (!TextUtils.isEmpty(textColorPattern)) {
            int c = getHtmlColor(textColorPattern);
            c = c | 0xFF000000;
            start(text,new ForegroundColorSpan(c));

        }

        startMarkTextFont(text,style);

        String backgroundColorPattern = getBackgroundColorPattern(style);
        if (!TextUtils.isEmpty(backgroundColorPattern)) {
            int c = getHtmlColor(backgroundColorPattern);
            c = c | 0xFF000000;
            //注意，第二个参数可以为任意Object类型，这里起到标记的作用
            start(text,new Background(c));
        }

    }

    private void startMarkTextFont(Editable text ,String style) {

        String fontSize = getTextFontSizePattern(style);
        String textDecoration = getTextDecorationPattern(style);
        String fontWidget = getTextFontPattern(style);

        int textSize = -1;
        if(TextUtils.isEmpty(fontSize)){
            if(!TextUtils.isEmpty(fontSize)){
                textSize = getHtmlSize(fontSize);
            }
        }
        int textDecorationVal = -1;
        if(!TextUtils.isEmpty(textDecoration)){
            if(textDecoration.equals("underline")) {
                textDecorationVal = TextFontSpan.TextDecoration_UNDERLINE;
            }else if(textDecoration.equals("line-through")){
                textDecorationVal = TextFontSpan.TextDecoration_LINE_THROUGH;
            }
            else if(textDecoration.equals("overline")){
                textDecorationVal = TextFontSpan.TextDecoration_OVERLINE;//暂不支持
            } else if(textDecoration.equals("none")){
                textDecorationVal = TextFontSpan.TextDecoration_NONE;
            }
        }
        int fontWeidgtVal = -1;
        if(!TextUtils.isEmpty(fontWidget)){
            if(textDecoration.equals("normal")) {
                fontWeidgtVal = TextFontSpan.FontWidget_NORMAL;
            }else if(textDecoration.equals("bold")){
                fontWeidgtVal = TextFontSpan.FontWidget_BOLD;
            }
        }

        start(text,new Font(textSize,textDecorationVal,fontWeidgtVal));
    }

    @Override
    public void endHandleTag(Editable text){


        Background b = getLast(text, Background.class); //读取出最后标记类型
        if(b!=null){
            end(text,Background.class,new BackgroundColorSpan(b.color)); //设置为Android可以解析的24种ParcelableSpan基本分类，当然也可以自己定义，但需要集成原有的分类
        }

        final ForegroundColorSpan fc = getLast(text, ForegroundColorSpan.class);
        if(fc!=null){
            end(text,ForegroundColorSpan.class,new ForegroundColorSpan(fc.getForegroundColor()));
        }

        Font f = getLast(text, Font.class);
        if (f != null) {
            end(text,Font.class,new TextFontSpan(f.textSize,f.textDecordation,f.fontWeidght)); //使用自定义的
        }
    }

    private static void start(Editable text, Object mark) {
        int len = text.length();
        text.setSpan(mark, len, len, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);  //添加标记在最后一位，注意开始位置和结束位置
    }

    @SuppressWarnings("unchecked")
    private static void end(Editable text, Class kind, Object repl) {
        Object obj = getLast(text, kind); //读取kind类型
        if (obj != null) {
            setSpanFromMark(text, obj, repl);
        }
    }


    private static void setSpanFromMark(Spannable text, Object mark, Object... spans) {
        int where = text.getSpanStart(mark);
        text.removeSpan(mark);
        //移除原有标记，因为原有标记不是默认的24种ParcelableSpan子类，因此无法渲染文本
        int len = text.length();
        if (where != len) {
            for (Object span : spans) {
                text.setSpan(span, where, len, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //注意：开始位置和结束位置，因为SpannableStringBuilder的append添加字符方法导致len已经大于where了
            }
        }
    }
}

java复制代码
HtmlTagHandler htmlTagHandler = new HtmlTagHandler();
htmlTagHandler.registerTag("section",new SectionTag(targetFragment.getContext()));
htmlTagHandler.registerTag("custom",new SectionTag(targetFragment.getContext()));
htmlTagHandler.registerTag("span",new SectionTag(targetFragment.getContext()));

java复制代码
String source = "<html>今天<section style='color:#FFE31335;font-size:16sp;background-color:white;'>星期三</section>，<section style='color:#fff;font-size:14sp;background-color:red;'>但是我还要加班</section><html>";

final Spanned spanned = Html.fromHtml(source, htmlTagHandler, htmlTagHandler);

textView.setText(spanned );

java复制代码
String source = "<html>今天<span style='color:#FFE31335;font-size:16sp;background-color:white;'>星期三</span>，<custom style='color:#fff;font-size:14sp;background-color:red;'>但是我还要加班</custom><html>";

final Spanned spanned = Html.fromHtml(source, htmlTagHandler, htmlTagHandler);
textView.setText(spanned );

java复制代码final Spanned spanned = Html.fromHtml(source, htmlTagHandler, htmlTagHandler);

sql复制代码-- 查看脏页刷新阈值
show variables like 'innodb_max_dirty_pages_pct'
-- 在线设置脏页刷新阈值，当脏页在Buffer Pool占用70%的时候刷新
SET GLOBAL innodb_max_dirty_pages_pct = 70

ini复制代码productId = 12345;
inventoryKey = "20231106"
inventoryType  = 2

ini复制代码productId = 12345;
inventoryKey = "202331"
inventoryType  = 3

js复制代码private fieldEntities = [];

// 将Item实例存在Form实例中
private registerField = (entity) => {
  // 存储子项实例
  this.fieldEntities.push(entity);
  ...
}

// 通知Item
private notifyObservers = (
  ...
) => {
  ...
  this.getFieldEntities().forEach(({ onStoreChange }) => {
    onStoreChange(...);
  });
  ...
};

js复制代码class Field extends ... {

  public componentDidMount() {
    ...
    // Item将实例注册到form实例中
    this.cancelRegisterFunc = registerField(this);
    ...
  }

  // 提供给form实例发送通知的回调函数
  public onStoreChange = (prevStore, namePathList, info) => {
    ...
    switch (info.type) {
      case 'reset':
        ...
      case 'remove':
        ...
      case 'setField': 
        this.reRender();
        ...
      case 'dependenciesUpdate':
        ...
      default:
        ...
        break;
      }
    ...
  };

	// 更新class类型的Item组件
	public reRender() {
    ...
    this.forceUpdate();
  }
}

ini复制代码public getValue = (...) => {
    const { getFieldsValue }: FormInstance = this.props.context;
    const namePath = this.getNamePath();
    ...
  };

js复制代码//使用
onChange = (...args) => {
	...
  dispatch({
    type: 'updateValue',
    namePath,
    value: newValue,
  });
  ...
}


private dispatch = (action) => {
    switch (action.type) {
      case 'updateValue': {
        const { namePath, value } = action;
        this.updateValue(namePath, value);
        break;
      }
      ...
      default:
      // Currently we don't have other action. Do nothing.
    }
  };

private updateValue = (name: NamePath, value: StoreValue) => {
    const namePath = getNamePath(name);
    const prevStore = this.store;
    this.updateStore(setValue(this.store, namePath, value));

    this.notifyObservers(prevStore, [namePath], {
      type: 'valueUpdate',
      source: 'internal',
    });
    ...
  };

ini复制代码function useForm<Values = any>(form?: FormInstance<Values>): [FormInstance<Values>] {
  const formRef = React.useRef<FormInstance>();
  ...
  
  if (!formRef.current) {
    if (form) {
      formRef.current = form;
    } else {
      ...
      const formStore: FormStore = new FormStore(forceReRender);

      formRef.current = formStore.getForm();
    }
  }
  ...
  return [formRef.current];
}

java复制代码//边框颜色
private int boxColor = Color.BLACK;

//光标是否可见
private boolean isCursorVisible = true;
//光标
private Drawable textCursorDrawable;
//光标宽度
private float cursorWidth = dp2px(2);
//光标高度
private float cursorHeight = dp2px(36);
//是否展示光标
private boolean isShowCursor;
//字符数量控制
private int inputBoxNum = 5;
//间距
private int mBoxSpace = 10;

java复制代码super.setFocusable(true); //支持聚焦
super.setFocusableInTouchMode(true); //支持触屏模式聚焦
//可点击，因为聚焦的view必须是可以点击的，这里你也可以设置个clickListener，效果一样
super.setClickable(true);
super.setGravity(Gravity.CENTER_VERTICAL);
super.setMaxLines(1);
super.setSingleLine();
super.setFilters(inputFilters);
super.setLongClickable(false);// 禁止复制、剪切
super.setTextIsSelectable(false); // 禁止选中

java复制代码TextPaint paint = getPaint();

float strokeWidth = paint.getStrokeWidth();
if(strokeWidth == 0){
    //默认Text是没有strokeWidth的，为了防止绘制边缘存在问题，这里强制设置 1dp
    paint.setStrokeWidth(dp2px(1));
    strokeWidth = paint.getStrokeWidth();
}
paint.setTextSize(getTextSize());

float boxWidth = (getWidth() - strokeWidth * 2f - (inputBoxNum - 1) * mBoxSpace) / inputBoxNum;
float boxHeight = getHeight() - strokeWidth * 2f;
int saveCount = canvas.save();
//获取默认风格
Paint.Style style = paint.getStyle();
Paint.Align align = paint.getTextAlign();
paint.setTextAlign(Paint.Align.CENTER);

String text = getText().toString();
int length = text.length();

int color = paint.getColor();

for (int i = 0; i < inputBoxNum; i++) {

    inputRect.set(i * (boxWidth + mBoxSpace) + strokeWidth,
            strokeWidth,
            strokeWidth + i * (boxWidth + mBoxSpace) + boxWidth,
            strokeWidth + boxHeight);

    paint.setStyle(Paint.Style.STROKE);
    paint.setColor(boxColor);
    //绘制边框
    canvas.drawRoundRect(inputRect, boxRadius, boxRadius, paint);

    //设置当前TextColor
    int currentTextColor = getCurrentTextColor();
    paint.setColor(currentTextColor);
    paint.setStyle(Paint.Style.FILL);
    if (text.length() > i) {
        // 绘制文字，这里我们不过滤空格，当然你可以在InputFilter中处理
        String CH = String.valueOf(text.charAt(i));
        int baseLineY = (int) (inputRect.centerY() + getTextPaintBaseline(paint));//基线中间点的y轴计算公式
        canvas.drawText(CH, inputRect.centerX(), baseLineY, paint);
    }

    //绘制光标
    if(i == length && isCursorVisible && length < inputBoxNum){
        Drawable textCursorDrawable = getTextCursorDrawable();
        if(textCursorDrawable != null) {
            if (!isShowCursor) {
                textCursorDrawable.setBounds((int) (inputRect.centerX() - cursorWidth / 2f), (int) ((inputRect.height() - cursorHeight) / 2f), (int) (inputRect.centerX() + cursorWidth / 2f), (int) ((inputRect.height() - cursorHeight) / 2f + cursorHeight));
                textCursorDrawable.draw(canvas);
                isShowCursor = true; //控制光标闪烁 blinking
            } else {
                isShowCursor = false;//控制光标闪烁 no blink
            }
            removeCallbacks(invalidateCursor);
            postDelayed(invalidateCursor,500);
        }
    }
}

paint.setColor(color);
paint.setStyle(style);
paint.setTextAlign(align);

canvas.restoreToCount(saveCount);